javascript - 如何一次只选中一个复选框？

Question

我想弄清楚如何一次只检查一个checkbox，我希望用一个函数来做到这一点，并且没有radio，因为那不是我想要的风格。

我的代码如下:

function check(c01)
{
  if((this).is(":checked") == true)
  {
    c02 = false;
  }
}

<input type="checkbox" name="creditCheck" id="c01" value="Yes" onclick="check(c01);" />Yes
<input type="checkbox" name="creditCheck" id="c02" value="No"  onclick= "check(c02);" />No'

Answer 1

这是一个没有使用 JQuery 的例子。向您的输入添加一个类。单击时，取消选中所有内容，然后检查单击的输入(如果未选中)。

    function check(input)
    {
    	
    	var checkboxes = document.getElementsByClassName("radioCheck");
    	
    	for(var i = 0; i < checkboxes.length; i++)
    	{
    		//uncheck all
    		if(checkboxes[i].checked == true)
    		{
    			checkboxes[i].checked = false;
    		}
    	}
    	
    	//set checked of clicked object
    	if(input.checked == true)
    	{
    		input.checked = false;
    	}
    	else
    	{
    		input.checked = true;
    	}	
    }

<input type="checkbox" class="radioCheck" name="creditCheck" id="c01" value="Yes" onclick="check(this);" />Yes     
<input type="checkbox" class="radioCheck" name="creditCheck" id="c02" value="No"  onclick= "check(this);" />No'