jQuery製作全部核取和取消全部核取方框的語法-教學撰寫:徐嘉裕Neil hsu

如果想做一個核取按鈕點了之後可以吧全部的核取框都變成核取狀態，再點一下取消全部選取，類似下圖這樣

方法如下

//HTM結構

//這是全部核取跟取消核取的按鈕
<label class=' checkbox-inline checkboxeach'><input id='checkbox'   type='checkbox' name='checkboxall'  value='1'>選取</label>  //js取name值


//這裡是php迴圈跑出來的內容
<label class=' checkbox-inline checkboxeach'><input id='checkbox'   type='checkbox' name='readtrue4'  value='1'></label>

<label class=' checkbox-inline checkboxeach'><input  id='checkbox'   type='checkbox' name='readtrue5'  value='1'></label>

<label class=' checkbox-inline checkboxeach'><input  id='checkbox'   type='checkbox' name='readtrue6'  value='1'></label>
//js取id值

//jQuery語法

//全部選取/取消選取

$(document).ready(function(){
$('input[name=checkboxall]').click(function(){
if( $('input[name=checkboxall]').prop("checked")){//如果全選按鈕有被選擇的話（被選擇是true）
$("input#checkbox").prop("checked",true);//把所有的核取方框的property都變成勾選
}else{
$("input#checkbox").prop("checked",false);//把所有的核取方框的property都取消勾選
}
})
})

這樣就能批次改變type='checkbox'狀態，之後再用php迴圈取值刪除即可，這裡就不再詳述。

參考資料來源：https://pjchender.blogspot.com/2015/04/jquery_29.html

工作心得撰寫：徐嘉裕 Neil hsu