方框內打勾，驗證

Question

HTML：

<div> 
    <input> 
    <label> 
</div> 

JS：

$('div input').live('click',function(){ 
    alert($(this).is(':checked')); 
}); 
$('div').live('click,'function(e){ 
    if(!$(e.target).is('input')) 
     $(this).find('input').click(); 
}); 

每當我點擊輸入它準確地顯示輸入變成什麼成（如果我打開它提醒真實的輸入）
但是，無論何時點擊div /標籤，它都會做相反的操作（當輸入打開時，它會提醒虛假）

有沒有辦法測試輸入是否在兩種情況下都打開和關閉，而不是1？我猜想這是因爲瀏覽器在jquery之前觸發了一個原因（儘管我認爲jquery應該首先發生，但無論如何），並且在另一種情況下，jquery在運行之前運行觸發'檢查'，但似乎無法弄清楚如何延遲觸發，直到腳本之後，或強制它在腳本之前運行。]

在此先感謝！

Answer 1

您可以在複選框本身上監控change()，然後在DIV上單擊您可以直接更改複選框中的值，然後觸發change()而不是click()。

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

$('div').live('click',function(e){ 
    if(!$(e.target).is('input')) { 
     var $input = $(this).find('input'); 
     $input.prop("checked", !$input.is(':checked')).change(); 
    } 
}); 

另外，如果你的目的是爲了避免整個<label for="" />煩惱，檢查了這一點。

<label><input type="checkbox" value="awesome" /> Check it</label> 

Answer 2

試試這個：

$('div input').live('click',function(){ 
    alert($(this).is(':checked')); 
}); 
$('div').live('click,'function(e){ 
    if(!$(e.target).is('input')) 
     $(this).find('input').triggerHandler("click"); 
});