专栏首页前端开发随笔jQuery限制复选框checkbox的选中次数

jQuery限制复选框checkbox的选中次数

	  <div class="one">
          <input type="checkbox" name="checkbox" value="A">
      </div>
      <div class="two">
          <input type="checkbox" name="checkbox" value="B">
      </div>
      <div class="three">
          <input type="checkbox" name="checkbox" value="C">
      </div>
      <div class="four">
          <input type="checkbox" name="checkbox" value="D">
      </div>
    $(document).ready(function () {
             //checkbox的input标签点击事件
            $('input[type=checkbox]').click(function () {
            //设置name为checkbox的input标签的属性为true,表示不可选
                $("input[name='checkbox']").attr('disabled', true);
                //选中个数大于2
                if ($("input[name='checkbox']:checked").length >= 2) {
                    $("input[name='checkbox']:checked").attr('disabled', false);
                } else {
                    $("input[name='checkbox']").attr('disabled', false);
                }
            });
        })

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vuedraggable实现列表拖动排序

    wePanda
  • Js用forEach语法循环列表

    wePanda
  • Css实现瀑布流布局

    我们只需要设置最外层的父级(waterfall)和子级的父元素(poster)的css就可以

    wePanda
  • js checkbox.checked=true在document.body.appendChild(checkbox)前与后赋值

    如果想改变元素的视觉效果(checkbox.checked=true会打钩),请在把元素添加到页面上再为其赋值,否则赋值无效。 看这段代码,18行与21行,如果...

    用户1183026
  • Qt音视频开发3-vlc录像存储

    录像功能是视频监控系统的常用功能,就是将打开的视频流或者视频文件重新保存成MP4文件,当然也可以保存成其他格式,一般默认用MP4比较好,比较标准一些,MP4格式...

    feiyangqingyun
  • 谷歌浏览器的input自动填充出现黄色背景解决方案(在已经输入内容之后)

    当你之前提交过表单,再次获取input焦点时,会有一个记录之前填写过的文本的下拉列表式的自动填充效果且带有黄色背景, 

    wfaceboss
  • 第4课 python input()函数

    上次,我们已经总结过基本的内容,今日我们说input() 其实也 已经说过了。。。。检讨完,还是该干嘛的要干嘛,写完日志再走。刚刚好我们也遇到最少的内容。。。。...

    py3study
  • ABP入门系列(18)—— 使用领域服务

    源码路径:Github-LearningMpaAbp 1.引言 自上次更新有一个多月了,发现越往下写,越不知如何去写。特别是当遇到DDD中一些概念术语的时候...

    圣杰
  • 全球自然指数揭晓:中科院总榜夺冠,中科大领先北大、清华,位列全球第8

    近日,Nature 指数公布了2019年5月1日到2020年4月30日大学/机构排名,最新的一期大学/机构的学术排名正式出炉。

    新智元
  • Bagging

    用户1332428

扫码关注云+社区

领取腾讯云代金券