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并将其发送到.js，其功能是将单选按钮切换为true。

单击该按钮时，单选按钮不会切换为true。我该怎么做呢？

任何建议都会有所帮助，提前谢谢！

Answer 1

以下是：http://jsfiddle.net/xhhLja7m/

的示例

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

Answer 2

实现这一目标并不一定需要单选按钮。您可以在点击时将类名称（例如＆＃39;选择＆＃39;）应用于td，并同时从所有td中删除此类。通过这种方式，您可以随时获得一个td的效果。在jQuery中：

$('.choice-option').click(function() {
    $('.selected').removeClass('selected');
    $(this).addClass('selected');
}

您将选择的CSS样式应用于所选的＆＃39;类。

编辑：但是，要按照您的意愿使用单选按钮，您可以执行此操作：

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

按钮单击

2 个答案: