2013-11-09 131 views
2

我在表格的每一行都有一些复选框。每一个复选框都有name='myName',因为我想在每一行中只选择一个复选框。但是我丢失的东西,因为我能够检查所有的人:HTML复选框 - 只允许选中一个复选框

enter image description here

,但我想要的结果:

enter image description here

我缺少什么吗?

+1

复选框不是如何工作的,如果你想让它们像这样工作,你应该使用javascript来处理它。 – VahidNaderi

回答

15

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

<input type="radio" /> 

改变你的复选框电台,一切都应该工作

+0

和alsob代码可以使用http://stackoverflow.com/questions/9709209/html-select-only-one-checkbox-in-a-group/9709425#9709425 – Tony

+0

你可以识别复选框的唯一名称也.. 检查http://stackoverflow.com/a/39405214/2545270 – Nisar

1

复选框,通过设计,是指开启或关闭,以进行切换。他们不依赖其他复选框,因此您可以根据需要打开和关闭多个复选框。

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

参考文献:

复选框:MDN Link

单选按钮:MDN Link

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; 
    }); 
}); 
0
sapSet = mbo.getThisMboSet() 
sapCount = sapSet.count() 
saplist = [] 

if sapCount > 1: 
    for i in range(sapCount):`enter code here` 
    defaultCheck = sapSet.getMbo(i) 
    saplist.append(defaultCheck.getInt("HNADEFACC")) 
    defCount = saplist.count(1) 
    if defCount > 1: 
     errorgroup = " Please Note: you are allowed" 
     errorkey = " only One Default Account" 
    if defCount < 1: 
     errorgroup = " Please enter " 
     errorkey = " at leat One Default Account" 
else: 
    mbo.setValue("HNADEFACC",1,MboConstants.NOACCESSCHECK) 
+0

虽然此代码可能回答问题,但提供有关如何解决问题和/或解决问题原因的其他上下文会提高答案的长期价值。 –

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); 
     } 
    } 
}) 

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

相关问题