您好,登錄后才能下訂單哦!
實例代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="button" value="全選" />
<input type="button" value="反選" />
<input type="button" value="取消" />
<table border="1">
<thead></thead>
<tbody id="tb1">
<tr>
<td><input type="checkbox" /></td>
<td>11</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>22</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>33</td>
</tr>
</tbody>
</table>
<script src="jquery-3.1.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
function CheckAll(){
// $('#tb1').find(':checkbox').attr('checked','checked');
$('#tb1').find(':checkbox').prop('checked',true);
// attr和prop區(qū)別,attr是針對所有的標簽屬性進行設置,prop是check和radio復選框的專門屬性設置
}
function CheckReverse(){
//找,如果選中了,取消;未選中,則選中;
$('#tb1').find(':checkbox').each(function(){
//$(this) 每一個復選框
//$(this).prop(),如果選中了,則用true,否則用false
//attr如果選中;checked,checked=checked
if($(this).prop('checked')){
$(this).prop('checked',false);
}else{
$(this).prop('checked',true);
}
});
}
function CheckCancel(){
// $('#tb1').find(':checkbox').removeAttr('checked');
$('#tb1').find(':checkbox').prop('checked',false);
}
</script>
</body>
</html>
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。