2014年5月21日

jQuery Checkbox 全選及設定打勾方式

==================== HTML  =======================
//假設有五個 Checkbox , name 都設定為「my_checkbox」
<input id="Checkbox1" name="my_checkbox" type="checkbox" />
<input id="Checkbox2" name="my_checkbox" type="checkbox" />
<input id="Checkbox3" name="my_checkbox" type="checkbox" />
<input id="Checkbox4" name="my_checkbox" type="checkbox" />
<input id="Checkbox5" name="my_checkbox" type="checkbox" />

==================== .js =======================

//讓所有 Checkbox 打勾的方式
$("input[name='my_checkbox']").each(function () {
  $(this).prop("checked", true); //如果希望為未勾選,將 true 改為 false
});

//單一 Checkbox 打勾的方式
$('[id$=Checkbox' + index + ']').prop("checked", true);

沒有留言:

張貼留言