1. ホーム
  2. javascript

[解決済み] <tr> onClick が機能しない

2022-02-18 22:07:49

質問

JSを使ってテーブルの行をリンクにしたいのですが、どうすればいいですか?以下のような感じにしています。

<tr onClick='javascript:window.location.href='url';'>

しかし、クリックしてみても、思うようにページが進みません。実際、クリックしても何の効果もないようです。

何かお手伝いできることはありますか?

編集する

引用文の件ですが、書き忘れましたが、PHPでエコーしています。以下は私の更新したコードです。

echo "<tr onClick='window.location.href='url?id=" . $var . "';'></tr>";

のようなエスケープを行う必要があります。 /" この場合は?

どのように解決するのですか?

まず最初に。 いいえ javascript: イベントハンドラ内 - には、URLではなく、JavaScriptのコードが含まれています。これは javascript: はこの場合ラベルなので、シンタックスエラーにはなりません。 さらに、適切なシンタックスハイライト機能を持つエディタであれば、HTML属性と属性内部でシングルクォートを使用しているため、クォート違反であることを示すことができるはずです。

以下は修正後のコードです。

<tr onclick="window.location.href = 'url';">

その上、インラインイベントハンドラは汚いです。jQueryを使ってきれいにくっつけるのがベターだ。

$('tr').click(function() {
    location.href = 'url';
});