本文主要和大家分享JS实现checkBoxd的单选效果,简单说就是遍历所有的checkBox复选框,如果有一个已经选中,就将其他的checkBox框置为未选中,以此实现单选的效果,我看到很多博客也写了类似的功能,但大部分都是基于jquery实现的,我这里是原生js实现此功能。
直接贴代码,如下:
Insert title here
登录后复制 个人税收居民身份声明 本人声明: 1.声明1 2.声明23.声明3function selectCheckOne(obj){var checks = document.getElementsByName(“statement”);if(obj.checked){for( var i=0;i<checks.length;i++){checks[i].checked=false;}obj.checked=true;}else{for( var i=0;i<checks.length;i++){checks[i].checked=false;}}}
相关推荐:
input:checkbox多选框实现单选效果跟radio一样
javascript实现链接单选效果的方法_javascript技巧
ReactJS中表单的单选多选与反选的实现方法
以上就是JS实现checkBox的单选效果实例代码的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2785695.html