快捷導(dǎo)航

checkbox全選/取消全選以及checkbox遍歷jQuery實(shí)現(xiàn)代碼

更新時(shí)間：2009年12月02日 01:06:06 作者：

 
<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> 

下面的代碼是獲取上面實(shí)例中選中的checkbox的value值:

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
var arrChk=$("input[name='chk_list'][checked]"); 
$(arrChk).each(function(){ 
window.alert(this.value); 
}); 
}); 
</script> 

您可能感興趣的文章:

相關(guān)文章

jQuery彈出層插件popShow用法示例
這篇文章主要介紹了jQuery彈出層插件popShow用法,結(jié)合實(shí)例形式分析了jQuery彈出層插件popShow的具體功能、用法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2017-01-01
Android中資源文件(非代碼部分)的使用概覽
Android中的資源是指非代碼部分，指外部文件，本文詳細(xì)介紹資源使用概覽，需要了解的朋友可以參考下
2012-12-12
基于jquery的一個(gè)圖片hover的插件
很簡單有趣的效果，邏輯很清楚，代碼也簡單，是練手的好東東。
2010-04-04
學(xué)習(xí)從實(shí)踐開始之jQuery插件開發(fā) 菜單插件開發(fā)
從軟件到網(wǎng)站，菜單可以說是無處不在。在傳統(tǒng)應(yīng)用軟件開發(fā)中，一般都有現(xiàn)成的控件可以使用；但是在網(wǎng)頁開發(fā)時(shí)，基本上要靠開發(fā)人員自己動(dòng)手設(shè)計(jì)
2012-05-05
基于jquery實(shí)現(xiàn)select選擇框內(nèi)容左右移動(dòng)添加刪除代碼分享
這篇文章主要介紹了基于jquery實(shí)現(xiàn)select選擇框內(nèi)容左右移動(dòng)添加刪除功能，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
利用jQuery實(shí)現(xiàn)一個(gè)簡單的表格上下翻頁效果
這篇文章主要給大家介紹了利用jQuery實(shí)現(xiàn)一個(gè)簡單的表格上下翻頁效果的相關(guān)資料，文中介紹的很詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-03-03
js(jQuery)獲取時(shí)間的方法及常用時(shí)間類搜集
獲取時(shí)間的方法及常用時(shí)間類都是大家經(jīng)常使用的，在本文為大家整理了一些，個(gè)人感覺還比較全，感興趣的朋友可以收集下
2013-10-10
jQuery選擇器之表單元素選擇器詳解
這篇文章主要為大家詳細(xì)介紹了jQuery選擇器之表單元素選擇器的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-09-09
jQuery原生的動(dòng)畫效果
這篇文章主要介紹了jQuery原生的動(dòng)畫效果的相關(guān)資料,需要的朋友可以參考下
2015-07-07
jQuery實(shí)現(xiàn)圖片輪播效果代碼(基于jquery.pack.js插件)
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片輪播效果的方法,該功能基于jquery.pack.js插件實(shí)現(xiàn),涉及jQuery針對(duì)頁面元素與樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下
2016-06-06