checkbox全選/取消全選以及checkbox遍歷jQuery實(shí)現(xiàn)代碼
更新時(shí)間:2009年12月02日 01:06:06 作者:
checkbox全選/取消全選以及checkbox遍歷jQuery實(shí)現(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>
下面的代碼是獲取上面實(shí)例中選中的checkbox的value值:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var arrChk=$("input[name='chk_list'][checked]");
$(arrChk).each(function(){
window.alert(this.value);
});
});
</script>
您可能感興趣的文章:
- jquery實(shí)現(xiàn)全選、反選、獲得所有選中的checkbox
- JQUERY復(fù)選框CHECKBOX全選,取消全選
- jQuery CheckBox全選、全不選實(shí)現(xiàn)代碼小結(jié)
- jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實(shí)現(xiàn)代碼
- jquery復(fù)選框CHECKBOX全選、反選
- 基于JQuery實(shí)現(xiàn)CheckBox全選全不選
- jquery中checkbox全選失效的解決方法
- jQuery對(duì)checkbox 復(fù)選框的全選全不選反選的操作
- 多個(gè)jquery.datatable共存,checkbox全選異常的快速解決方法
- jQuery實(shí)現(xiàn)checkbox全選功能完整實(shí)例
相關(guān)文章
jQuery實(shí)現(xiàn)的可編輯表格完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的可編輯表格,結(jié)合完整實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式與屬性的相關(guān)技巧,需要的朋友可以參考下2016-06-06簡(jiǎn)要了解jQuery移動(dòng)web開(kāi)發(fā)的響應(yīng)式布局設(shè)計(jì)
這篇文章主要介紹了jQuery移動(dòng)web開(kāi)發(fā)的響應(yīng)式布局設(shè)計(jì),jQuery是JavaScript世界中最具人氣的模塊或者說(shuō)類(lèi)庫(kù),需要的朋友可以參考下2015-12-12Jquery實(shí)現(xiàn)的table最后一行添加樣式的代碼
有時(shí)間需要將表格的最后一行加上樣式,方便閱讀等需要,需要的朋友可以參考下。2010-05-05jQuery中使用了document和window哪些屬性和方法小結(jié)
未列出常見(jiàn)的比如document.getElementById(),object.addEventListener()等。2011-09-09推薦8款jQuery輕量級(jí)樹(shù)形Tree插件
這篇文章主要給大家推薦8款jQuery輕量級(jí)樹(shù)形Tree插件,需要的朋友可以參考下2014-11-11jQuery實(shí)現(xiàn)類(lèi)似淘寶購(gòu)物車(chē)全選狀態(tài)示例
今天寫(xiě)了個(gè)類(lèi)似淘寶購(gòu)物車(chē)全選狀態(tài),看下截圖,效果還不錯(cuò)吧,具體的實(shí)現(xiàn)html及jQuery代碼如下,感興趣的朋友可以參考下哈2013-06-06