ラジオボタンを選択

Question

テーブルの行をクリックすると、同じ行のラジオボタンが選択されます。

これはどのように行うことができますか？

<form name="form1" method="post" action=""> 
<table id="simplehighlight" class="REW_table" style="width: 350px; margin-left: auto; margin-right: auto;" > 
    <thead></thead> 
    <tr><td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0"></tr> 
    <tr><td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0"></tr> 
    <tr><td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0"></tr> 
    <tr><td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0"></tr> 
    <tr><td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0"></tr> 
</table> 
</form> 

Javascriptを：

$(document).ready(function(){ 
    $('#simplehighlight tr').hover(function(){ 
     $(this).children().addClass('datahighlight'); // Mark lightgray 

     $(this).click(function(){ 
      $('#simplehighlight tr').children().removeClass('datahighlight_select'); // Remove all old blue mark 
      $(this).children().addClass('datahighlight_select'); // Mark blue 
     }); 

    },function(){ 
     $(this).children().removeClass('datahighlight'); // Remove lightgray 
    }); 
}); 

Answer 1

試してみてください。.find()と

.prop()を使用して

$("#simplehighlight tr").click(function() { 
    $(this).find("input:radio").prop("checked", true); 
}); 

と.click()

を使用してクリックイベントに結合するも掲載され、あなたのHTMLが無効であることに注意してください：

個の

• あなたinputタグが
• あなたは</td>タグを忘れてしまった、自動閉鎖することとすべきです。
• さらに、1つのページに同じid属性を持つ複数の要素がありますが、これは許可されていません。

ここでは例です：http://jsfiddle.net/yJ3RN/（また、HTMLの問題を修正する）