checkbox全選 全不選 所有的子項選中或者不全選中後，全選按鈕也選中或者不選中
阿新 • • 發佈：2019-02-10
<script>
$(function(){
//全選和全不選
$('#selectAll').bind('click',function(){
// alert(this.checked);//選中的時候返回true
//alert(this);//object HTMLInputElement
//alert($(this));//object Object
//alert($(this).prop('checked'));//true
//alert($(this).attr('checked'));//undefined
if(this.checked){ //全選
$("input[id^='sid']").each(function(){
$(this).prop('checked',true);
})
}else{ //全不選
$("input[id^='sid']").each(function(){
$(this).prop('checked',false);
})
}
});
//所有的子項選中或者不全選中後，全選按鈕也選中或者不選中
$(function(){
//全選和全不選
$('#selectAll').bind('click',function(){
// alert(this.checked);//選中的時候返回true
//alert(this);//object HTMLInputElement
//alert($(this));//object Object
//alert($(this).prop('checked'));//true
//alert($(this).attr('checked'));//undefined
if(this.checked){ //全選
$("input[id^='sid']").each(function(){
$(this).prop('checked',true);
})
}else{ //全不選
$("input[id^='sid']").each(function(){
$(this).prop('checked',false);
})
}
});
//所有的子項選中或者不全選中後，全選按鈕也選中或者不選中