HTML复选框 - 允许仅选中一个复选框

时间:2013-11-09 15:00:23

标签: html checkbox

我的表格中的每一行都有一些复选框。每个复选框都有name='myName',因为我想在每行中只选择一个复选框。但我缺少的是因为我能够检查所有这些:

enter image description here

但我想要那个结果:

enter image description here

我在这里错过了什么?

5 个答案:

答案 0 :(得分:20)

唯一名称标识符适用于单选按钮:

<input type="radio" />

将您的复选框更改为收音机,一切都应该正常工作

答案 1 :(得分:2)

按照设计,复选框可以打开或关闭。它们不依赖于其他复选框,因此您可以根据需要打开和关闭多个复选框。

但是,单选按钮的设计只允许在任何时候选择组中的一个元素。

参考文献:

复选框:MDN Link

单选按钮:MDN Link

答案 2 :(得分:0)

 $(function () {
     $('input[type=checkbox]').click(function () {
         var chks = document.getElementById('<%= chkRoleInTransaction.ClientID %>').getElementsByTagName('INPUT');
         for (i = 0; i < chks.length; i++) {
            chks[i].checked = false;
         }
         if (chks.length > 1)
            $(this)[0].checked = true;
     });
 });

答案 3 :(得分:0)

select column 
from table2 
where column in (select Column from table1 where column =1234 group by column);

答案 4 :(得分:0)

$('#OvernightOnshore').click(function () {
    if ($('#OvernightOnshore').prop("checked") == true) {
        if ($('#OvernightOffshore').prop("checked") == true) {
            $('#OvernightOffshore').attr('checked', false)
        }
    }
})

$('#OvernightOffshore').click(function () {
    if ($('#OvernightOffshore').prop("checked") == true) {
        if ($('#OvernightOnshore').prop("checked") == true) {
            $('#OvernightOnshore').attr('checked', false);
        }
    }
})

上面的代码片段允许您使用单选按钮上的复选框,但具有相同的单选按钮功能,您只能选择一个。