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

时间:2022-07-24
本文章向大家介绍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);
                }
            });
        })

随机文章
Javascript知识点必读
最近更新