JS实现多选框CheckBox单选问题

最新推荐文章于 2021-08-20 13:39:24 发布

独家记忆0408

最新推荐文章于 2021-08-20 13:39:24 发布

阅读量2k

点赞数 1

分类专栏： JavaScript html C# 文章标签： javascript html

本文链接：https://blog.csdn.net/u013519551/article/details/78121634

版权

C# 同时被 3 个专栏收录

17 篇文章 11 订阅

订阅专栏

JavaScript

4 篇文章 1 订阅

订阅专栏

html

4 篇文章 2 订阅

订阅专栏

话不多说，直接上代码。

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

<input type="checkbox" name="chk1" id="ChbYes1" οnclick="test(this)" />是
<input type="checkbox" name="chk1" id="ChbNo1" οnclick="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>