jQuery的所有複選框選擇只能使用一次

Question

我看着其他線程，但沒有發現任何解決方案，爲我工作。

我想在這裏選擇所有的複選框HTML：

<input type="checkbox" id="selectall" onchange="toggleAllWorkers(this.checked);" />ALL<br> 
<input type="checkbox" class="emp" name="w0" value="1" onchange="buildPage();" />Andrey <br> 
<input type="checkbox" class="emp" name="w1" value="4" onchange="buildPage();" />Brian <br> 
<input type="checkbox" class="emp" name="w2" value="5" onchange="buildPage();" />Eric <br> 
<input type="checkbox" class="emp" name="w3" value="3" onchange="buildPage();" />Ken <br> 
<input type="checkbox" class="emp" name="w4" value="2" onchange="buildPage();" />Kerry <br> 

JAVASCRIPT

function toggleAllWorkers(status) { 
    $("#clickmenu .emp").each(function(index) { 
     console.log(index + ": "+$(this).attr("checked")+' status:'+status+' Value:'+$(this).val()); 
     $(this).attr("checked",status); 
     console.log(index + ": "+$(this).attr("checked")); 
    }); 
} 

但它只是重新加載頁面後工作兩次。

Answer 1

您應該使用prop功能。 http://api.jquery.com/prop/

function toggleAllWorkers(status) { 
    $('.emp').prop('checked',status); 
} 

同樣，也沒有必要使用each，這可以用一個簡單的選擇來完成。

Answer 2

替換所有實例的attr()：

$(this).attr("checked",status); 

與prop()：

$(this).prop("checked",status); 

當你更改屬性像checked。
你可以刪除內聯JS，縮短了事件處理程序到：

$('#selectall').on('change', function() { 
    $("#clickmenu .emp").prop('checked', this.checked); 
});