js复选框模拟单选框

最新推荐文章于 2024-03-01 09:01:11 发布

原创最新推荐文章于 2024-03-01 09:01:11 发布 · 411 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #复选框 #模拟单选框 #ViewUI

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用纯JavaScript实现的互斥复选框功能示例。当用户选择其中一个复选框时，另一个复选框将自动取消选择，实现了两个复选框之间的互斥效果。此功能通过简单的JavaScript函数实现，适用于初学者了解JavaScript如何操作DOM元素。


<script type="text/javascript" language="javascript">
function check(id){
   var a1 = document.getElementById("aaa");
   var a2 = document.getElementById("bbb");
   if(id==1){
         if(a1.checked){a2.checked =false;}else{a2.checked =true;}
   }else{
         if(a2.checked){a1.checked =false;}else{a1.checked=true;}}
   }
</script>


<body>	
<input type="checkbox" name = "aaa" id = "aaa" onclick="check(1)" checked="true"/>
<input type="checkbox" name = "aaa" id = "bbb" onclick="check(2)"/>
</body>