Question

如何在jQuery中实现用户最多只能从4个复选框中选择2个复选框？只要限制为2个复选框

，用户就可以选择任何一个

这是我的代码

<http://jsfiddle.net/4xcbye6z/>

Answer 1

可以在链接中找到任何代码，但是这个代码会检查所有标记：）

var countChecked = function(e) {
   var n = $( "input:checked" ).length;
   if (n > 2) e.preventDefault();
};

$( "input[type=checkbox]" ).on( "click", countChecked );

另外，请参阅jQuery文档中的示例：HERE

请参阅jsFiddle

Answer 2

你没有正确地发布你的小提琴，无论如何，这是你的小提琴的修改版本，它完全符合你的要求。

$(function() {
  $("input[type=checkbox]").click(function(e) {
    var c = $("input[type=checkbox]:checked");
    if (c.length == 3) {
      return false;
    }

  });
});

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <div class="row">
        <div class="col-sm-2">
          <div class="tbl-info">
            <input type="checkbox" />
          </div>
        </div>
        <div class="col-sm-2">
          <div class="tbl-info">
            <input type="checkbox" />
          </div>
        </div>
        <div class="col-sm-2">
          <div class="tbl-info">
            <input type="checkbox" />
          </div>
        </div>
        <div class="col-sm-2">
          <div class="tbl-info">
            <input type="checkbox" />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

http://jsfiddle.net/dh7evp9s/

我们的想法是捕获复选框上的click事件，如果已经有两个已检查的事件，则在事件中返回false，从而禁止它。

jQuery只勾选4个复选框中的2个复选框

2 个答案: