Question

我创建了一个函数来提醒用户他们从复选框中检查了所有值。例如，如果用户选择“＆＃39; 1＆＃39;和＆＃39; 2＆＃39;那么它应该警告1,2,2＆＃39;或者如果用户选择＆＃39; 1＆＃39;和＆＃39; 3＆＃39;它应该警告1,3等。但它不起作用。任何帮助将不胜感激：）

<form>
  <input class="1" type="checkbox" name="1" value="1" onclick="add()">1
  <input class="2" type="checkbox" name="2" value="2" onclick="add()">2
  <input class="3" type="checkbox" name="3" value="3" onclick="add()">3
  <input class="4" type="checkbox" name="4" value="4" onclick="add()">4
</form>

这是jsfiddle.

Answer 1

你可以这样做。

$(':checkbox').click(function() {
    alert($(':checkbox:checked').map(function() {
      return this.value;
    }).get());
});

<强> The demo.

Answer 2

＆＃13;

function add() {
  var checked = '';
  $(':checked').each(function() {
    checked += $(this).val() + ',';
  });
  console.log(checked);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input class="1" type="checkbox" name="1" value="1" onclick="add()">1
<input class="2" type="checkbox" name="2" value="2" onclick="add()">2
<input class="3" type="checkbox" name="3" value="3" onclick="add()">3
<input class="4" type="checkbox" name="4" value="4" onclick="add()">4

＆＃13;

Answer 3

$('input:checkbox').on('change', function() {
    var chkd = $('input:checkbox:checked');
    if( chkd.length == 2 ) {
        var vals = chkd.map(function() {
            return this.value;
        })
        .get().join(', ');
        alert( vals );
    }
});

<强>更新

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input class="1" type="checkbox" name="1" value="1"/>1
  <input class="2" type="checkbox" name="2" value="2"/>2
  <input class="3" type="checkbox" name="3" value="3"/>3
  <input class="4" type="checkbox" name="4" value="4"/>4
</form>

DEMO

Answer 4

还有一种方法：

＆＃13;

$("input[type='checkbox']").change(function() {
  $(':checked').each(function() {
    alert($(this).val());
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="footboard" type="checkbox" name="1" value="1">1
<input class="drawers" type="checkbox" name="2" value="2">2
<input class="casters" type="checkbox" name="3" value="3">3
<input class="squeak" type="checkbox" name="4" value="4">4

＆＃13;

附加复选框值jQuery

4 个答案: