繃複選框只檢查，不取消

Question

我試圖切換使用jQuery一些複選框和我使用的建議通常用於切換複選框搜索時的代碼，但似乎只進行檢查，而不是切換的。

下面是它的jsfiddle：

http://jsfiddle.net/wgHpG/

的HTML：

<button id="priority-categories" class="btn">Priority</button> 

<input type="checkbox" name="category" value="1" id="1"> 
<input type="checkbox" name="category" value="2" id="2"> 
<input type="checkbox" name="category" value="3" id="3">​ 

的JS：

$('#priority-categories').click(function(){ 

    var categories = [1, 3]; 

    $.each(categories, function(key, value) { 
     $('#' + value).prop('checked', !$('#' + value).checked); 
    }); 
}); 

Answer 1

.checked不是jQuery對象的代表屬性複選框元素。

使用​​代替

http://jsfiddle.net/wgHpG/1/

Answer 2

jQuery的對象沒有一個.checked財產，只有DOM元素有它。
$('#' + value).checked永遠是undefined，因此!$(..).checked永遠是true。

您可以pass a callback to .prop：

$('#' + value).prop('checked', function(i, checked) { 
    return !checked; 
}); 

---

注意，開始與數字ID是不是在HTML4有效。

Answer 3

$('#' + value).prop('checked', !$('#' + value).attr("checked")) 

Answer 4

更改爲

$('#' + value).prop('checked', !$('#' + value).is(":checked")); 

Answer 5

jQuery的元素沒有一個 '檢查' 屬性。您需要可以使用jQuery的方法來檢查，如果檢查或將其轉換回DOM元素

!$('#' + value)[0].checked 

或

!$('#' + value).prop('checked') 

Answer 6

此代碼，而有點冗長，因爲你希望將切換 - http://jsfiddle.net/wgHpG/2/

$('#priority-categories').click(function(){ 

    var categories = [1, 3]; 

    $.each(categories, function(key, value) { 
     if($('#'+value).is(':checked')) { 
      $('#' + value).prop('checked', false); 
     } else { 
      $('#' + value).prop('checked', true); 
     } 
    }); 
}); 

Answer 7

稍有不同的辦法可能是使用jQuery選擇的節點，然後只需撥動上的本機DOM複選框：

var categories = [1, 3]; 

$('#' + categories.join(',#')).each(function() { 
    this.checked = !this.checked; 
});