Jquery實現全選全不選最簡單的方式以及獲取選中的值
阿新 • • 發佈:2019-01-22
$(function() {
$('#checkall').on('click',function(){
if(this.checked) {
$("input[name='childcheck']").prop('checked',true);
}else {
$("input[name='childcheck']").prop('checked',false);
}
});
});
注意:若使用attr代替prop,全選效果只能實現一次。
<table>
<tr>
<td><input type="checkbox" name="" id="checkall" value="" /></td>
<td>序號</td>
<td>使用者名稱稱</td>
</tr>
<tr th:each="a,aStat:${adminlist}">
<td><input type="checkbox" name="childcheck" id="${a.id}" value="${a.id}" /></td>
<td th:text="${aStat.count}">1</td>
<td th:text="${a.adminname}">超級管理員</td>
</tr >
</table>
取值:
var pList = "";
$("[name='childcheck']").each(function () {
if ($(this).is(':checked')) {
pList += $(this).val() + ",";
}
});
//去除最後的,
pList=pList.substr(0,pList.length-1);