按钮单击时设置单选按钮被选中为真

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); 
}