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("您沒(méi)有選中項(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 UI Datepicker時(shí)間控件的使用方法(加強(qiáng)版)
這篇文章繼續(xù)介紹了jquery UI Datepicker時(shí)間控件的使用方法,主要關(guān)于Datepicker插件的介紹和使用,并分享了第一個(gè)日歷插件的使用實(shí)例,需要的朋友可以參考下2015-11-11關(guān)注jquery技巧提高jquery技能(前端開(kāi)發(fā)必學(xué))
本文給大家介紹jquery前端開(kāi)發(fā)關(guān)注jquery技巧提高jquery技能,對(duì)jquery前端開(kāi)發(fā)感興趣的朋友可以參考下本文2015-11-11jQuery實(shí)現(xiàn)動(dòng)態(tài)表單驗(yàn)證時(shí)文本框抖動(dòng)效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)表單驗(yàn)證時(shí)文本框抖動(dòng)效果,可實(shí)現(xiàn)表單元素左右晃動(dòng)的抖動(dòng)功能,涉及jquery中元素的匹配與動(dòng)畫(huà)animate效果實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-08-08DIV隨滾動(dòng)條滾動(dòng)而滾動(dòng)的實(shí)現(xiàn)代碼【推薦】
下面小編就為大家?guī)?lái)一篇DIV隨滾動(dòng)條滾動(dòng)而滾動(dòng)實(shí)現(xiàn)代碼【推薦】。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-04-04jquery實(shí)現(xiàn)簡(jiǎn)單的拖拽效果實(shí)例兼容所有主流瀏覽器(優(yōu)化篇)
相對(duì)于上一篇,優(yōu)化了拖拽的效果,具體的代碼及截圖如下,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-06-06jQuery使用removeClass方法刪除元素指定Class的方法
這篇文章主要介紹了jQuery使用removeClass方法刪除元素指定Class的方法,可實(shí)現(xiàn)針對(duì)指定元素樣式的批量刪除功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03