input checkbox js控制单选

发布时间:2025-08-25 19:56

切换输入源,通过'Input'或'Source'键。 #生活技巧# #家电使用技巧# #电视遥控器使用指南#

最新推荐文章于 2025-06-07 22:15:50 发布

原创 于 2019-02-12 13:04:12 发布 · 3.5k 阅读

· 1

· 3 ·

CC 4.0 BY-SA版权

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

html中checkbox的格式如下:

<div id='jfxz'> <div><input type="checkbox" /><span>1</span></div> <div><input type="checkbox" /><span>2</span></div> <div><input type="checkbox" /><span>3</span></div> <div><input type="checkbox" /><span>4</span></div> <div><input type="checkbox" /><span>5</span></div> <div><input type="checkbox" /><span>6</span></div> </div>

html

function checkboxControl(){//$(function(){$("#jfxz").find(":checkbox").each(function(){$(this).click(function(){$(this).attr('checked',true);//被选中的置为true$("#jfxz").find(":checkbox").not($(this)).each(function(){//被选中的之外的元素,遍历置为false$(this).attr('checked',false);});});});//}); }

js

若checkbox仅为同一div下的多个同济checkbox,则可用:

$(":checkbox").click(function(){ //设置当前选中checkbox的状态为checked $(this).attr("checked",true); $(this).siblings().attr("checked",false); //设置当前选中的checkbox同级(兄弟级)其他checkbox状态为未选中 });

js

参考:
https://blog.csdn.net/siyi_blog/article/details/80905904

网址:input checkbox js控制单选 https://www.yuejiaxmz.com/news/view/1242629

相关内容

input标签的type为select、radio、checkbox的使用
修改 input(type=text,radio,checkbox)默认样式
JS清空上传控件input(type=“file”)的值的代码
JS中给input框赋值
JS小tips
LayUI使用中遇到的问题 & 解决办法
修改 input type=file 的样式的最简单方法
【HTML】表单标签,表单的格式化
用vue制作一个任务清单(todoList)
巧用两个type=range input实现区域范围选择 « 张鑫旭

随便看看