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)文章
簡要了解jQuery移動web開發(fā)的響應(yīng)式布局設(shè)計
這篇文章主要介紹了jQuery移動web開發(fā)的響應(yīng)式布局設(shè)計,jQuery是JavaScript世界中最具人氣的模塊或者說類庫,需要的朋友可以參考下2015-12-12Jquery實現(xiàn)的table最后一行添加樣式的代碼
有時間需要將表格的最后一行加上樣式,方便閱讀等需要,需要的朋友可以參考下。2010-05-05jQuery中使用了document和window哪些屬性和方法小結(jié)
未列出常見的比如document.getElementById(),object.addEventListener()等。2011-09-09jQuery實現(xiàn)類似淘寶購物車全選狀態(tài)示例
今天寫了個類似淘寶購物車全選狀態(tài),看下截圖,效果還不錯吧,具體的實現(xiàn)html及jQuery代碼如下,感興趣的朋友可以參考下哈2013-06-06