jquery數(shù)組之存放checkbox全選值示例代碼
更新時(shí)間：2013年12月20日 17:28:25 作者：
使用jquery數(shù)組可以存放checkbox全選值，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
<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("您沒有選中項(xiàng)!");
else{
var ids=strIds.join(",");
alert("你選中的字符串有："+ids);
}
}
</script>
您可能感興趣的文章:
- 多個(gè)jquery.datatable共存,checkbox全選異常的快速解決方法
- jQuery CheckBox全選、全不選實(shí)現(xiàn)代碼小結(jié)
- jquery復(fù)選框CHECKBOX全選、反選
- JQUERY CHECKBOX全選,取消全選,反選方法三
- jquery中checkbox全選失效的解決方法
- jquery 實(shí)現(xiàn)checkbox全選，反選，全不選等功能代碼(奇數(shù))
- Jquery CheckBox全選方法代碼附j(luò)s checkbox全選反選代碼
- jquery checkbox全選反選效果代碼
- jQuery checkbox全選/取消全選實(shí)現(xiàn)代碼
- jQuery實(shí)現(xiàn)CheckBox全選、全不選功能
- jQuery實(shí)現(xiàn)table表格checkbox全選的方法分析
相關(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是個(gè)不錯(cuò)的框架，以下總結(jié)了5個(gè)每個(gè)網(wǎng)站開發(fā)者都應(yīng)該知道的小技巧，都是一些非常不錯(cuò)的，經(jīng)常能用得到的。2010-01-01
jQuery+css+html實(shí)現(xiàn)頁面遮罩彈出框
面遮罩彈出框已經(jīng)不是一個(gè)陌生的話題了，實(shí)現(xiàn)的方法大同小異多種多樣，今天用jQuery實(shí)現(xiàn)頁面遮罩彈出框，主要用的技術(shù)有JQuery，css和html,感興趣的朋友可以參考下哈2013-03-03
jQuery查詢數(shù)據(jù)返回object和字符串影響原因是什么
查詢數(shù)據(jù)返回object和字符串，導(dǎo)致這兩種情況的原因是什么呢？在本文將為大家詳細(xì)介紹下，具體祥看代碼2013-08-08
jquery實(shí)現(xiàn)倒計(jì)時(shí)代碼分享
最近做的項(xiàng)目，需要倒計(jì)時(shí)，翻了翻資料，寫了出來，分享給大家，歡迎拍磚，jquery庫自己記得引用哈2014-06-06
jQuery實(shí)現(xiàn)信息提示框(帶有圓角框與動(dòng)畫)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)信息提示框效果,帶有圓角框與動(dòng)畫功能,點(diǎn)擊上面按鈕實(shí)現(xiàn)對(duì)應(yīng)文字的漸變顯示效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
本篇文章給大家分享了20個(gè)最常見的jQuery面試問題及答案，對(duì)此有需要的朋友可以參考下。2018-05-05
jQuery+AJAX實(shí)現(xiàn)遮罩層登錄驗(yàn)證界面（附源碼）
這篇文章主要介紹了jQuery+AJAX實(shí)現(xiàn)遮罩層登錄驗(yàn)證界面，并分享了源碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-10-10