JQUERY復選框CHECKBOX全選,取消全選
更新時間：2008年08月30日 20:05:21 作者：
用JQUERY實現(xiàn)全選和取消全選,減少了我們寫JS的麻煩,我們再也不用寫那么多代碼了,給大家分享兩段代碼,用JQUERY實現(xiàn)復選框的全選和取消全選.
復制代碼 代碼如下:
<script type="text/javascript">
$(function() {
$("#checkall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", true);
});
});
$("#delcheckall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", false);
});
});
});
</script>
<input type='checkbox' id='id1' name='checkname[]' value='1' />value1
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3
<input type="button" id="checkall" name="checkall" value="全選" />
<input type="button" id="delcheckall" name="delcheckall" value="取消全選" />
更加簡單的一種:
復制代碼 代碼如下:
$("#checkall").click(
function(){
if(this.checked){
$("input[name='checkname']").each(function(){this.checked=true;});
}else{
$("input[name='checkname']").each(function(){this.checked=false;});
}
}
);
您可能感興趣的文章:
相關(guān)文章
BootStrap glyphicon圖標無法顯示的解決方法
如果不注意bootstrap引入css和fonts的規(guī)范，則可能會導致bootstrap 在顯示glyphicon圖標時無法正常顯示，顯示為方框。該怎么解決呢？下面小編給大家解答下2016-09-09
點擊標題，輸入詳細信息，點擊確定按鈕，完成，把不必要的選項隱藏，當用戶真正有需要的時候，在顯示出來2013-04-04
自定義刻度jq進度條可以自定義進度條刻度圓點數(shù)量，大小等相關(guān)屬性，可以通過css控制圓點的外觀樣式，通過progressdots插件自定義刻度動畫，使用該插件還需引入jquery，jquery.progressdots.js和jquery.progressdots.css文件。需要的朋友一起學習吧2015-09-09
這篇文章主要為大家詳細介紹了jQuery基本篩選選擇器實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了jquery實現(xiàn)郵箱自動填充提示功能，為了提高用戶的體驗，很多網(wǎng)站都會實現(xiàn)郵箱輸入的自動提示功能，對如何實現(xiàn)自動提示功能感興趣的小伙伴們可以參考一下2015-11-11
下面小編就為大家?guī)硪黄猨q checkbox 的全選并ajax傳參的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了jquery中checkbox全選失效的解決方法,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery Validate表單驗證入門知識，該插件捆綁了一套有用的驗證方法，包括 URL 和電子郵件驗證，同時提供了一個用來編寫用戶自定義方法的 API，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了jquery 抽獎小程序的相關(guān)資料,這里提供了詳細的思路及實現(xiàn)代碼和實現(xiàn)效果圖，需要的朋友可以參考下2016-10-10
本篇文章主要是對jQuery中Dom的基本操作進行了詳細的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01