zl程序教程

您现在的位置是:首页 >  后端

当前栏目

js checkbox复选框实现单选功能[通俗易懂]

JS 实现 功能 通俗易懂 checkbox 复选框 单选
2023-06-13 09:11:24 时间

大家好,又见面了,我是你们的朋友全栈君。

js checkbox复选框实现单选功能

<script type="text/javascript">
		$(":checkbox").click(function(){ 
   
			$(this).attr("checked",true);//设置当前选中checkbox的状态为checked
			$(this).siblings().attr("checked",false); //设置当前选中的checkbox同级(兄弟级)其他checkbox状态为未选中
		});
</script>
<div style="margin-left: 150px;">												
	<input name="checkbox" type="checkbox" checked="checked" id="checkbox1">
	<input name="checkbox" type="checkbox" id="checkbox2">
</div>

本文仅供学习交流使用,如侵立删!

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/139018.html原文链接:https://javaforall.cn