按鈕單擊時設置單選按鈕被選中爲真

Question

我有一個表格單元格，它在選中時點亮。頁面上會有很多按鈕，但一次只能做出一個選擇。如何使用隱藏的輸入無線電標籤使它們互相排斥？ （爲了以後處理組）

<td class="choice-option"> 
     <input type="radio" name="trainChoice" id="cheese0032" > 
     <p>10€</p> 
    </td> 

<td class="choice-option"> 
     <input type="radio" name="trainChoice" id="cheese0033" > 
     <p>7€</p> 
    </td> 

對於輸入標籤我想將一個onclick事件對TD一樣的：

onclick="checked()==true;" 

而且我在想一個onclick的發送它帶有一個將單選按鈕切換爲真的功能.js。

單擊按鈕時單選按鈕不會切換爲true。我該如何做到這一點？

任何建議將大大有助於提前感謝！

Answer 1

下面是一個例子：http://jsfiddle.net/xhhLja7m/

$(".choice-option").click(function() 
{ 
    $(this).find('input[type=radio]').prop("checked", "true"); 
}) 

Answer 2

單選按鈕不一定需要達到此目的。您可以在單擊時將類名（例如'selected'）應用於td，並同時從所有td中移除此類。這樣你就可以隨時獲得一個td的效果。在jQuery中：

您將在CSS中將所選樣式應用於「selected」類。

編輯：但是，要使用單選按鈕，你想，那麼你可以這樣做：

$('.choice-option').click(function() { 
    $(this).find("input[name='trainChoice']").prop('checked', true); 
}