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); 
});