checkbox设置成单选模式

最新推荐文章于 2025-05-17 16:10:01 发布

原创最新推荐文章于 2025-05-17 16:10:01 发布 · 3.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#JavaScript

收录于

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript控制一组多选按钮的方法，通过监听点击事件并遍历所有按钮来实现只允许选中一个的功能。

function checkOne(nameArr){
	$(document).on("click","input[name='"+nameArr+"']:checked",function(){ //绑定点击事件
	     $("input[name='"+nameArr+"']:checked").each(function(index,obj){ // 遍历所有多选按钮
			 $(obj).attr("checked", "") // 设置为未选中
		})
		$(this).attr("checked", "checked") // 设置点击的多选按钮为选择状态
	 })
}