快捷導(dǎo)航

jquery數(shù)組之存放checkbox全選值示例代碼

更新時(shí)間：2013年12月20日 17:28:25 作者：

使用jquery數(shù)組可以存放checkbox全選值，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下

 
<input type="checkbox" id="checkAll" value="1">全選/全部不選 
<input type="checkbox" name="items" value="1">1 
<input type="checkbox" name="items" value="2">2 
<input type="checkbox" name="items" value="3">3 
<input type="checkbox" name="items" value="4">4 
<input type="checkbox" name="items" value="5"> 
<input type="button" onclick="show()" value="提示選擇的"> 
<script> 
$("#chekcAll").click(function(){ 
if(this.checked){ 
$("input[name=items]").attr("checked","checked"); 
} 
else{ 
$("input[name=items]").attr("checked",null); 
} 
}) 
function show(){ 
var strIds=new Array();//聲明一個(gè)存放id的數(shù)組 
$("input[name=items]").each(function (i,d){ 
if (d.checked) { 
strIds.push(d.value); 
} 
}) 
if(strIds.length<1) 
alert("您沒(méi)有選中項(xiàng)!"); 
else{ 
var ids=strIds.join(","); 
alert("你選中的字符串有："+ids); 
} 


} 

</script> 

您可能感興趣的文章:

相關(guān)文章

jQuery基于閉包實(shí)現(xiàn)的顯示與隱藏div功能示例
這篇文章主要介紹了jQuery基于閉包實(shí)現(xiàn)的顯示與隱藏div功能,結(jié)合實(shí)例形式分析了jQuery使用閉包實(shí)現(xiàn)的div顯示及隱藏相關(guān)判定與函數(shù)使用技巧,需要的朋友可以參考下
2018-06-06
使用jQuery mobile NuGet讓你的網(wǎng)站在移動(dòng)設(shè)備上同樣精彩
這篇文章主要介紹了使用jQuery mobile NuGet讓你的網(wǎng)站在移動(dòng)設(shè)備上同樣精彩，使用jQuery mobile NuGet包，改變共享的布局和視圖，并使你的網(wǎng)站在傳統(tǒng)的瀏覽器和大部分手機(jī)展現(xiàn)的都很好。,需要的朋友可以參考下
2019-06-06
jquery.validate提示錯(cuò)誤信息位置方法
這篇文章主要介紹了jquery.validate提示錯(cuò)誤信息位置方法,實(shí)例分析了jquery.validate實(shí)現(xiàn)提示錯(cuò)誤信息位置的相關(guān)技巧,需要的朋友可以參考下
2016-01-01
jQuery開(kāi)發(fā)者都需要知道的5個(gè)小技巧
JQuery是個(gè)不錯(cuò)的框架，以下總結(jié)了5個(gè)每個(gè)網(wǎng)站開(kāi)發(fā)者都應(yīng)該知道的小技巧，都是一些非常不錯(cuò)的，經(jīng)常能用得到的。
2010-01-01
jQuery+css+html實(shí)現(xiàn)頁(yè)面遮罩彈出框
面遮罩彈出框已經(jīng)不是一個(gè)陌生的話題了，實(shí)現(xiàn)的方法大同小異多種多樣，今天用jQuery實(shí)現(xiàn)頁(yè)面遮罩彈出框，主要用的技術(shù)有JQuery，css和html,感興趣的朋友可以參考下哈
2013-03-03
jQuery查詢(xún)數(shù)據(jù)返回object和字符串影響原因是什么
查詢(xún)數(shù)據(jù)返回object和字符串，導(dǎo)致這兩種情況的原因是什么呢？在本文將為大家詳細(xì)介紹下，具體祥看代碼
2013-08-08
jquery實(shí)現(xiàn)倒計(jì)時(shí)代碼分享
最近做的項(xiàng)目，需要倒計(jì)時(shí)，翻了翻資料，寫(xiě)了出來(lái)，分享給大家，歡迎拍磚，jquery庫(kù)自己記得引用哈
2014-06-06
jQuery實(shí)現(xiàn)信息提示框(帶有圓角框與動(dòng)畫(huà))效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)信息提示框效果,帶有圓角框與動(dòng)畫(huà)功能,點(diǎn)擊上面按鈕實(shí)現(xiàn)對(duì)應(yīng)文字的漸變顯示效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-08-08
20個(gè)最常見(jiàn)的jQuery面試問(wèn)題及答案
本篇文章給大家分享了20個(gè)最常見(jiàn)的jQuery面試問(wèn)題及答案，對(duì)此有需要的朋友可以參考下。
2018-05-05
jQuery+AJAX實(shí)現(xiàn)遮罩層登錄驗(yàn)證界面（附源碼）
這篇文章主要介紹了jQuery+AJAX實(shí)現(xiàn)遮罩層登錄驗(yàn)證界面，并分享了源碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-10-10