js复选框模拟单选框

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

lc_myth

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

阅读量391

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： js 复选框模拟单选框 ViewUI

本文链接：https://blog.youkuaiyun.com/lc_myth/article/details/84093041

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<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>