设置单选按钮在按钮单击时选中为真答案

【问题标题】：Setting radio button checked true on button click设置单选按钮在按钮单击时选中为真
【发布时间】：2015-06-22 18:15:54
【问题描述】：

我有一个表格单元格，选中时会亮起。页面上会有很多按钮，但一次只能选择一个。如何使用隐藏的输入单选标签使它们互斥？（为了以后处理组）

    <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。我如何让它做到这一点？

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

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

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

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

【讨论】：

就是这样！做到了。 find() 方法很棒。

【解决方案2】：

单选按钮不一定是实现此目的所必需的。您可以在单击 td 时将类名（例如“selected”）应用于 td，并同时从所有 td 中删除该类。通过这种方式，您可以获得随时选择一个 td 的效果。在 jQuery 中：

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

您将通过 CSS 将所选样式应用到“已选择”类。

编辑：但是，要按照您的意愿使用单选按钮，您可以这样做：

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

【讨论】：