jQuery的$變量檢查屬性等於

Question

http://jsfiddle.net/2Wpfw/16/

這似乎真是小巫見大巫問題，但我不能爲生活工作這一個。

我有這個jQuery的無功...

var $selectArea = $("ul#1 li input[type='checkbox'], 
ul#2 li input[type='checkbox'], ul#3 li input[type='checkbox']"); 

，我想運行此...

$selectArea.closest('li').addClass('box-checked'); 

但只有當$selectArea屬性checked是"checked" - 很簡單吧？

所以我已經試過這...

if ($selectArea.attr("checked") == "checked") { 

    $selectArea.closest('li').addClass('box-checked'); 

} 

和...

$selectArea.filter('[checked="checked"]').closest('li').addClass('box-checked'); 

這...（但認爲我在這裏聞錯了對象）

$selectArea.is('[checked="checked"]').closest('li').addClass('box-checked'); 

和想法將是真棒，謝謝。

http://jsfiddle.net/2Wpfw/16/

Answer 1

這是因爲你這樣做的change事件的複選框內。繼續檢查其中一個複選框 - 它將添加類。

我會讓你想要發生的代碼檢查複選框一個單獨的功能，所以你可以很容易地稱它onload和onchange並具有相同的結果。

繼承人更新fiddle告訴你我的意思。

// reusable function 
function check($elem) 
{ 
    $elem.closest('li').toggleClass('box-checked', this.checked) 
} 

$selectArea.on('change', function() { 
    check($(this)); 
}); 

$(function(){ 
    // onload get all checked inputs via the :checked selector 
    check($('input:checked')); 
}); 

Answer 2

你試過$ selectArea.is（ '：檢查'）http://api.jquery.com/checked-selector/

Answer 3

試試這個：

$selectArea.each(function(i,e) { 
    if ($(e).is(':checked')) {  
     $(e).closest('li').addClass('box-checked'); 
    } 
}); 

正如你可以在這裏看到：http://jsfiddle.net/darkajax/75kPU/3/