Javascript 如何一次只选中一个复选框?

Javascript 如何一次只选中一个复选框?,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我想弄清楚如何一次只选中一个复选框,我希望使用一个函数,而不使用收音机,因为这不是我想要的风格 我的代码如下: 功能检查(c01) { 如果((this).is(“:checked”)==true) { c02=假; } } 是 没有“只是一个工作示例,请随意优化解决方案: $(“#c01”)。单击(函数(){ 如果($(“#c01”)。是(':选中的')) $(“#c02”).prop(“选中”,假); }); $(“#c02”)。单击(函数(){ 如果($(“#c02”)。是(':che

我想弄清楚如何一次只选中一个
复选框
,我希望使用一个函数,而不使用
收音机
,因为这不是我想要的风格

我的代码如下:

功能检查(c01)
{
如果((this).is(“:checked”)==true)
{
c02=假;
}
}

没有“
只是一个工作示例,请随意优化解决方案:

$(“#c01”)。单击(函数(){
如果($(“#c01”)。是(':选中的'))
$(“#c02”).prop(“选中”,假);
});
$(“#c02”)。单击(函数(){
如果($(“#c02”)。是(':checked'))
$(“#c01”).prop(“选中”,false);
});

对于只有两个复选框可供切换的非常简单的用例,我将按如下方式进行操作:

功能检查(复选框)
{
var uncheck=checkbox.id=='c01'?'c02':'c01';
$('#'+取消选中).prop('checked',false);
}

以下是另一个有关如何执行此操作的示例:

$('input[name=“creditCheck”]')。在('click',函数(e){
$('input[name=“creditCheck”]”)。prop('checked',false);
$(this.prop('checked',true);
});

这里是一个没有JQuery的示例。将类添加到输入中。单击时,取消选中所有项,然后检查单击的输入(如果未选中)

功能检查(输入)
{
var复选框=document.getElementsByClassName(“radioCheck”);
对于(变量i=0;i

不,如果我理解得很好:


对
不
函数getcheckbox(){
return document.querySelectorAll('input[type=checkbox]');
}
函数uncheckheckbox(){
var checkbox=getcheckbox();
对于(变量i=0,长度=checkbox.length;i
单选按钮的确切用途是什么,如果它只是关于样式,请使用带有复选框样式的单选按钮,这样您就不需要添加额外的js代码,请检查下面的示例

希望这有帮助

input[type=“radio”]{
-webkit外观:复选框;/*Chrome、Safari、Opera*/
-moz外观:复选框;/*Firefox*/
-ms外观:复选框;/*当前不受支持*/
}

改用radiobox,您可以使用CSSI对其进行自定义。如果您还想尝试该替代方法,您可以通过函数:
onclick=“check(this);”
将单选按钮样式设置为带有CSS的复选框。搜索“将单选按钮格式化为复选框”我同意第一条评论,如果只是关于样式,请使用带有复选框样式的单选按钮,检查下面我的答案。