javascript - 单击按钮时设置单选按钮为真

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>

对于输入标签，我正在考虑在 td 上放置一个 onclick 事件，例如:

onclick="checked()==true;"

此外，我还在考虑 onclick 并将其发送到具有将单选按钮切换为 true 的功能的 .js。

单击按钮时，单选按钮不会切换为 true。我如何让它这样做？

任何建议都会有很大帮助，在此先感谢!

Answer 1

这是一个例子:http://jsfiddle.net/xhhLja7m/

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