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

代码语言：javascript复制

	  <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>

代码语言：javascript复制

    $(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);
                }
            });
        })

jquery checkbox

0 人点赞