Checkbox单选

Question

我有三个checkbox，我想选中一个得同时，另外两个设定为不选，我在前台用js处理的，
三个checkbox用同一个js函数，onclick="CheckBoxCheck(this)"，请问这样怎么处理，才能让选中一个的同时，另外两个设为不选？谢谢！

Answer 1

用JS得到三个checkbox，循环设置为不选中，然后设置点击的那个为选中就可以了。

Answer 2

 
      <asp:CheckBox ID="CheckBox1" runat="server" onclick="CheckBoxCheck(this)" />
      <asp:CheckBox ID="CheckBox2" runat="server"  onclick="CheckBoxCheck(this)"/>
      <asp:CheckBox ID="CheckBox3" runat="server" onclick="CheckBoxCheck(this)" />
      
        function CheckBoxCheck(chk)
 {
    for(var i =1;i<=3;i++)
    {
        var chkObj = document.getElementById("CheckBox"+i);
        if(chkObj!=chk)
        {
            chkObj.checked =false;
        }
    }
 }

Answer 3

  function checkfrom_onclick() {
                    _$('checkto').checked = false;
                    _$('checktwo').checked = false;
                }

Answer 4

function CheckBoxCheck(this)
{
    for (i = 0; i < document.getElementsByTagName("chkbox").length; i++) {
        document.getElementsByTagName("chkbox")[i].checked = false;
    }
    this.checked = true;
}

Answer 5

var tgs=document.getElementsByTagName("input");
var source=document.getelementsbyid("id");
for(int i=0;i<tgs.length;++i)
{
if(tgs[i].type="checkbox")
tgs[i].checked=false;
}
source.checked=true;
先把所有的都搞没，然后把事件关联者单独选中。

Answer 6

正解。做单选，用radio就可以了，也不用麻烦。

Answer 7

function Check(objChk){
  
  if(objchk==1)
{
document.getElementById(objchk+1).checked=false
document.getElementById(objchk+2).checked=false
}
if(objchk==2)
{
document.getElementById(objchk-1).checked=false
document.getElementById(objchk+1).checked=false
}if(objchk==3)
{
document.getElementById(objchk-1).checked=false
document.getElementById(objchk-2).checked=false
}}
  }
<input id="Check1" type="checkbox" value="选择" onclick="Check(1);" />
<input id="Check2" type="checkbox" value="选择" onclick="Check(2);" />
<input id="Check3" type="checkbox" value="选择" onclick="Check(3);" />

Answer 8

我的三个checkbox名字已经是固定的了，分别是chkAdmit，chkOK，chkCancel

Answer 9

function CheckBoxCheck(this)
{
var tgs=document.getElementsByTagName("input");
var source=document.getelementsbyid("id");
for(int i=0;i<tgs.length;++i)
{
if(tgs[i].type="checkbox")
tgs[i].checked=false;
}
this.checked=true;
}
7#这个就行吧。。

Answer 10

为什么要去管checkboxID呢？<div id="checkboxList">
<asp:CheckBox ID="CheckBox1432" runat="server" onclick="CheckBoxCheck(this)" />
<asp:CheckBox ID="CheckBox253" runat="server"  onclick="CheckBoxCheck(this)"/>
<asp:CheckBox ID="CheckBox3243" runat="server" onclick="CheckBoxCheck(this)" />
</div>      function CheckBoxCheck(chk)
 {
    var obj = document.getElementById("checkboxList");
    for(var i =0;i<obj.length;i++)
    {
        if(obj[i].type=="checkbox")
        {
            obj[i].checked =false;
        }
    }
    chk.checked=true;
 }

Answer 11

onKeyDown 也得加上，键盘也是可以控制的

Answer 12

function checkAttr(acontrol)
{
 var tempControl = aControl;
            var isChecked = tempControl.checked;
            $("input:checkbox", document.forms[0]).each(function() {
           
                if(this.checked==isChecked&&this.id==aControl.id)
                {
                    this.click();
                    
                }
            });
}