checkbox全選/取消全選以及checkbox遍歷jQuery實現(xiàn)代碼
更新時間:2009年12月02日 01:06:06 作者:
checkbox全選/取消全選以及checkbox遍歷jQuery實現(xiàn)代碼
復(fù)制代碼 代碼如下:
<html>
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<input type="checkbox" name="chk_list" id="chk_list_1" value="1" />1<br />
<input type="checkbox" name="chk_list" id="chk_list_2" value="2" />2<br />
<input type="checkbox" name="chk_list" id="chk_list_3" value="3" />3<br />
<input type="checkbox" name="chk_list" id="chk_list_4" value="4" />4<br />
<input type="checkbox" name="chk_all" id="chk_all" />全選/取消全選
<script type="text/javascript">
$("#chk_all").click(function(){
$("input[name='chk_list']").attr("checked",$(this).attr("checked"));
});
</script>
</body>
</html>
下面的代碼是獲取上面實例中選中的checkbox的value值:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var arrChk=$("input[name='chk_list'][checked]");
$(arrChk).each(function(){
window.alert(this.value);
});
});
</script>
您可能感興趣的文章:
- jquery實現(xiàn)全選、反選、獲得所有選中的checkbox
- JQUERY復(fù)選框CHECKBOX全選,取消全選
- jQuery CheckBox全選、全不選實現(xiàn)代碼小結(jié)
- jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實現(xiàn)代碼
- jquery復(fù)選框CHECKBOX全選、反選
- 基于JQuery實現(xiàn)CheckBox全選全不選
- jquery中checkbox全選失效的解決方法
- jQuery對checkbox 復(fù)選框的全選全不選反選的操作
- 多個jquery.datatable共存,checkbox全選異常的快速解決方法
- jQuery實現(xiàn)checkbox全選功能完整實例
相關(guān)文章
學(xué)習(xí)從實踐開始之jQuery插件開發(fā) 菜單插件開發(fā)
從軟件到網(wǎng)站,菜單可以說是無處不在。在傳統(tǒng)應(yīng)用軟件開發(fā)中,一般都有現(xiàn)成的控件可以使用;但是在網(wǎng)頁開發(fā)時,基本上要靠開發(fā)人員自己動手設(shè)計2012-05-05
基于jquery實現(xiàn)select選擇框內(nèi)容左右移動添加刪除代碼分享
這篇文章主要介紹了基于jquery實現(xiàn)select選擇框內(nèi)容左右移動添加刪除功能,推薦給大家,有需要的小伙伴可以參考下。2015-08-08
jQuery實現(xiàn)圖片輪播效果代碼(基于jquery.pack.js插件)
這篇文章主要介紹了jQuery實現(xiàn)圖片輪播效果的方法,該功能基于jquery.pack.js插件實現(xiàn),涉及jQuery針對頁面元素與樣式的動態(tài)操作技巧,需要的朋友可以參考下2016-06-06

