JS实现checkBox的单选效果实例代码

本文主要和大家分享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

(0)
上一篇 2025年3月8日 17:31:02
下一篇 2025年3月3日 18:53:47

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js跨域请求服务实例分析

    本文主要和大家分享js跨域请求服务实例分析,希望能帮助到大家。   function getAreaPosionsSucess(data){           alert(“请求成功”);        }       function …

    编程技术 2025年3月8日
    200
  • JS中正则表达式的理解

    1. 什么是正则表达式,正则: 规则,让计算机能够读懂我们写的规则,本质上来说,正则表达式就是一组规则的字符串, a 2 如何去学习正则表达式 d  表示的是数字 D  表示非数字 s  表示空格 1) 用这些特定的字符去写一套规则(我想要…

    编程技术 2025年3月8日
    200
  • JS中的事件入门讲解

    1 事件 事件可以理解为用户和浏览器的交互行为 2 事件函数绑定   事件函数: 当事件发生了,用于处理该事件的具体应对方案就是事件处理函数   表现出来就是一些代码块   例如: 当鼠标点击(事件)— 做什么操作?就由事件处理函数来完成 …

    编程技术 2025年3月8日
    200
  • JS原生对象实例讲解

    1、什么是对象?  在程序,某个对象的属性(变量–存储数据)  某个对象的方法(函数)对象的属性,对象的方法 2、字面量?    用于表示固定值的符号  var a = 3 字面量3  — 3    注意:字面量就是这个值本身 …

    编程技术 2025年3月8日
    200
  • Js字符串中提取数字

    本文主要和大家分享js字符串中提取数字实例,希望能帮助到大家。 一 parseInt()方法:          首先想到的是js提供的parseInt方法,例子:          var str =”4500元”; var num = …

    编程技术 2025年3月8日
    200
  • JS中setInterval和setTimeout实例分析

    本文主要和大家分享JS中setInterval和setTimeout实例分析,希望能帮助到大家。 1 setInterval   是一个函数,功能: 可以重复去执行某段代码块(函数)  setInterval(函数,时间间隔), 隔多少时间…

    编程技术 2025年3月8日
    200
  • mui js返回刷新页面的方法实例代码

    本文主要和大家分享mui j 返回刷新页面的方法实例代码,希望能帮助到大家。 mui js 返回刷新页面方法 目前只知道以下几个 mui.plusReady(function() {var primaryBack = mui.back;  …

    编程技术 2025年3月8日
    200
  • js数组去重和排序详解

    本文主要和大家分享js数组去重和排序详解,希望能帮助到大家。 1、用 indexof  查看是否存在,不存在没添加 var arr = [‘aa’,’aa’,’aa’,’bb’,’bb’,3,5,8,9,4,5,4];function un…

    编程技术 2025年3月8日
    200
  • JS实现网页进度条简单代码分享

    本文主要和大家分享JS实现网页进度条简单代码,希望能帮助到大家。 nbsp;html>            jquery实现简单网页进度条    * { margin: 0; padding: 0; } /*大小和body一样,盖住…

    编程技术 2025年3月8日
    200
  • 5种js实现继承的方式实例分享

    本文主要和大家分享5种js实现继承的方式实例分享,希望能帮助大家更好掌握js继承方式的实现。 1、继承第一种方式:对象冒充 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 2…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论