如何使用 javascript/jquery 在数组中获取选中和未选中的复选框值

Question

如何使用 javascript/jquery 在数组中获取选中和未选中的复选框值。

我有一个复选框列表。
下面是示例代码。

<input type="checkbox" class="chkCountry" value="1" checked="checked" />India    
<input type="checkbox" class="chkCountry" value="4" checked="checked" />China     
<input type="checkbox" class="chkCountry" value="2"/>Pakistan    
<input type="checkbox" class="chkCountry" value="3"/>Japan     

在这里，我想在另一个数组中获取数组中的已检查值。

如果我想再次取消选中检查值（这里是印度和中国），我想在另一个数组中获取值（1,4）。

Answer 1

您可以使用.map() 将jQuery 对象集转换为类似数组

var $checks = $('.chkCountry');

var checked = $checks.filter(':checked').map(function () {
    return this.value;
}).get();
var unchecked = $checks.not(':checked').map(function () {
    return this.value;
}).get();

• .map()
• .get()
• :checked
• .filter()
• .not()

Answer 2

检查：

arrchecked = $('.chkCountry').map(function() {
    if(this.checked)
     return this.value;
}).get();
arrunchecked = $('.chkCountry').map(function() {
    if(!this.checked)
     return this.value;
}).get();

Working Demo

Answer 3

你可以用这个：

var checked=[], unchecked=[];

$('.chkCountry').change(function() {
     if(this.checked){
          checked.push(this.value);
          unchecked.splice(this.value, 1);
     }else{
          unchecked.push(this.value);
          checked.splice(this.value, 1);
     }
}).change();

---

如果您需要通过取消选中更新数组，我声明了一个 .splice() 方法来删​​除元素。