jquery操作checkbox
2018-07-20 來源：open-open
checkbox操作
1. 全選、全不選
2.打印所有的選中項(xiàng)目
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> </title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script>
// 全選、全不選
function docChkBoxChange(){
var isChecked = jQuery('#docChkBoxTop').attr('checked');
// 設(shè)置以下所有的 checkBox 列表
jQuery("input[name=docChkBox]").each(function(){
this.checked = isChecked;
});
}//end function
// 打印所有的選中項(xiàng)目
function printChoose(){
var isChecked = jQuery('#docChkBoxTop').attr('checked');
// 設(shè)置以下所有的 checkBox 列表
jQuery("input[name=docChkBox]").each(function(){
if(this.checked){
alert(this.value)
}
});
}//end function
</script>
</head>
<body>
<table>
<tr>
<td>
<input id='docChkBoxTop' type="checkbox" onClick='docChkBoxChange()'>全選、全不選
</td>
</tr>
<tr>
<td>
<input name='docChkBox' type="checkbox" value='apple'>蘋果
</td>
</tr>
<tr>
<td>
<input name='docChkBox' type="checkbox" value='banana'>香蕉
</td>
</tr>
<tr>
<td>
<input type="button" value='打印所有選中項(xiàng)' onClick='printChoose()'>
</td>
</tr>
</table>
</body>
</html>
標(biāo)簽：
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。
最新資訊
熱門推薦