テーブルセルのonClickは、セル内のラジオボタンを選択します。

Question

私は5行の14行を持っています。それぞれにラジオボタンがあります。ラジオボタンを選択するには、ユーザーがテーブルセルの任意の場所をクリックできるようにします。各行は、このように作成されます。

   @for (int i01 = 1; i01 <= 5; i01++) { 
       <td id="tablecellradiobutton" onMouseover="this.bgColor='88,150,183'" onMouseout="this.bgColor='white'" onclick="@('Q01' + i01).checked = true"> 
        @Html.RadioButton("Q01", i01, Q01 == i01.ToString(), new { id = "Q01" + i01 }) 
       </td> 
       } 

はしかし、私のonClickのは、転倒私にエラーを与えている：

これは本当にのJavaScript（またはjQueryの）せずに行うことが気にシンプルであるべき機能しかし、私は1つを必要とすることに辞職していると思う。しかし、誰かが私のコードを修正するのを助けることができますか？

Answer 1

私はあなたの既存のコードを修正することはできませんが、同じIDの複数のインスタンスを持ってしようとしている。

<td id="tablecellradiobutton"... 

は、各TDのための個別のIDを作成する必要があります - おそらく、TRとTDのインデックス番号を付加既存のIDには行きます。

jQueryを使用し、find（）を使用してクリックされたtd内の入力を取得し、checkedプロパティをtrueに設定します。 document.on ...の使用に注意してください。動的に追加されたコンテンツと静的コンテンツの両方をターゲットにすることができます。あなたがまだそれを持っていないなら、$（文書）.ready ...を忘れないでください。

$(document).on('click','td',function(){ 
    $(this).find('input [type="radio"]').prop('checked',true) 
    });