這兩天在做一個表單提交，其中就包含有checkbox的全選和反選，這是最先開始做出來的版本，程式碼如下：

<input id="checkAll" type="checkbox" />全選
<input name="subBox" type="checkbox" />Php
<input name="subBox" type="checkbox" />Java
<input name="subBox" type="checkbox" />NodeJS
<input name="subBox" type="checkbox" />Python

<script>
$(document).ready(function(){
	$("#checkAll").click(function() {
        //console.log($(this).attr("checked"));
        //console.log($(this).is(":checked"))
        if($(this).attr("checked")){
        	$('input[name="subBox"]').attr("checked",true);
        }else{
        	$('input[name="subBox"]').attr("checked",false);
        }
    });
    
});
</script>
 

再去搜，發現了一個的東西，prop()這個東東，原來jQuery自從1.6之後就有了它，attr()太混亂，為了區分，就出現了prop()，對於checked，若是prop()獲取的則是瀏覽器對於當前變化著的值，即隨著點選變化而變化，而attr()則是瀏覽器記錄checked的初始值，即它的預設值，不會隨著改變而改變，

<script>
$(document).ready(function(){

    $("#checkAll").click(function() {
        if($(this).prop("checked")){
        	$('input[name="subBox"]').prop("checked",true);
        }else{
        	$('input[name="subBox"]').prop("checked",false);
        }
    });
    //or
    var isChecked = $(this).prop("checked");
    $("input[name='subBox']").prop("checked", isChecked);
    
});
</script>