Question

所以基本上即时创建一个在线投票系统，我使用单选按钮作为投票候选人的标识符。顺便提一下，候选人来自我的数据库这是html代码：

        <td align="center">
        <input type="hidden" id="myhidden" value="Independent">
        <button class="ind">Independent</button></td>
        <td align="center">
        <input type="hidden" id="myhidden2" value="Liberal Partylist">
        <button class="lp">Liberal Partylist</button></td>
        <td align="center">
        <input type="hidden" id="myhidden3" value="UNO">
        <button class="uno">UNO</button></td>

这是我的jquery代码：

 $(document).ready(function (){
    $('.ind').click(function() {
    $('input[id="' + $("#myhidden").val() + '"]').attr('checked', 'checked');
    });

    $('.lp').click(function() {
    $('input[id="' + $("#myhidden2").val() + '"]').attr('checked', 'checked');
    });

    $('.uno').click(function() {
    $('input[id="' + $("#myhidden3").val() + '"]').attr('checked', 'checked');
    });
});

这是有效的，但只有在第一次点击时，我希望它在我点击“独立”时循环播放。按钮.ind，＆＃39; Love Partylist＆＃39;按钮.lp和＆＃39; UNO＆＃39; .uno它将选择所选方列表的所有成员（单击投票）。我想知道为什么它只在第一次点击工作，任何帮助将非常感激。提前谢谢！

Answer 1

这些天提到的单选按钮或选项按钮的设计使得任何时候只能选择一个。单击一个应该取消选择所有其他。

如果您允许多个条目，则应该使用复选框。

当您以编程方式设置选中单选按钮时，您必须以编程方式将其删除。

每个事件处理程序中的

都会从您不想要选择的列表中删除checked属性，并在您想要选择的列表中设置属性。

如何使用带有jquery的按钮选择单选按钮

1 个答案: