選擇一個單選按鈕

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

嘗試：

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

使用.prop()與.find()，並結合使用.click()

同時請注意，發佈你的HTML是無效的點擊事件：

個

• 你input標籤應該是自閉和，
• 你已經忘記了</td>標籤。
• 此外，您在一個頁面上有多個元素，具有相同的id屬性，這是不允許的。

下面是一個例子：http://jsfiddle.net/yJ3RN/（也糾正了HTML問題）