JS实现多选框CheckBox单选问题

时间:2021-07-16 10:11:26

话不多说,直接上代码。

html代码:注意要实现单选的checkbox控件的name属性名要一致,并且拥有同一个onclick事件。

<input type="checkbox" name="chk1" id="ChbYes1" onclick="test(this)" />是
<input type="checkbox" name="chk1" id="ChbNo1" onclick="test(this)" />否

JS代码:

<script language="javascript" type="text/javascript">
function test(obj){
var a=document.getElementsByName("chk1")
for(var i=0;i <a.length;i++){
a[i].checked=false;
}
if(obj.checked==true){
obj.checked=false;
}else{
obj.checked=true;
}
}
</script>