<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="取消全選" /> 

更加簡單的一種:

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

$("#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圖標(biāo)無法顯示的解決方法
如果不注意bootstrap引入css和fonts的規(guī)范，則可能會導(dǎo)致bootstrap 在顯示glyphicon圖標(biāo)時無法正常顯示，顯示為方框。該怎么解決呢？下面小編給大家解答下
2016-09-09
jQuery實(shí)現(xiàn)點(diǎn)擊標(biāo)題輸入詳細(xì)信息
點(diǎn)擊標(biāo)題，輸入詳細(xì)信息，點(diǎn)擊確定按鈕，完成，把不必要的選項隱藏，當(dāng)用戶真正有需要的時候，在顯示出來
2013-04-04
自定義刻度jQuery進(jìn)度條及插件
自定義刻度jq進(jìn)度條可以自定義進(jìn)度條刻度圓點(diǎn)數(shù)量，大小等相關(guān)屬性，可以通過css控制圓點(diǎn)的外觀樣式，通過progressdots插件自定義刻度動畫，使用該插件還需引入jquery，jquery.progressdots.js和jquery.progressdots.css文件。需要的朋友一起學(xué)習(xí)吧
2015-09-09
jQuery基本篩選選擇器實(shí)例代碼
這篇文章主要為大家詳細(xì)介紹了jQuery基本篩選選擇器實(shí)例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
jquery實(shí)現(xiàn)郵箱自動填充提示功能
這篇文章主要介紹了jquery實(shí)現(xiàn)郵箱自動填充提示功能，為了提高用戶的體驗，很多網(wǎng)站都會實(shí)現(xiàn)郵箱輸入的自動提示功能，對如何實(shí)現(xiàn)自動提示功能感興趣的小伙伴們可以參考一下
2015-11-11
jq checkbox 的全選并ajax傳參的實(shí)例
下面小編就為大家?guī)硪黄猨q checkbox 的全選并ajax傳參的實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-04-04
jquery中checkbox全選失效的解決方法
這篇文章主要介紹了jquery中checkbox全選失效的解決方法,需要的朋友可以參考下
2014-12-12
jQuery Validate表單驗證入門學(xué)習(xí)
這篇文章主要介紹了jQuery Validate表單驗證入門知識，該插件捆綁了一套有用的驗證方法，包括 URL 和電子郵件驗證，同時提供了一個用來編寫用戶自定義方法的 API，感興趣的小伙伴們可以參考一下
2015-12-12
jquery 抽獎小程序?qū)崿F(xiàn)代碼
這篇文章主要介紹了jquery 抽獎小程序的相關(guān)資料,這里提供了詳細(xì)的思路及實(shí)現(xiàn)代碼和實(shí)現(xiàn)效果圖，需要的朋友可以參考下
2016-10-10
jQuery中Dom的基本操作小結(jié)
本篇文章主要是對jQuery中Dom的基本操作進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01