jquery數(shù)組之存放checkbox全選值示例代碼
更新時間:2013年12月20日 17:28:25 作者:
使用jquery數(shù)組可以存放checkbox全選值,下面有個不錯的示例,感興趣的朋友可以參考下
復(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();//聲明一個存放id的數(shù)組
$("input[name=items]").each(function (i,d){
if (d.checked) {
strIds.push(d.value);
}
})
if(strIds.length<1)
alert("您沒有選中項!");
else{
var ids=strIds.join(",");
alert("你選中的字符串有:"+ids);
}
}
</script>
您可能感興趣的文章:
- 多個jquery.datatable共存,checkbox全選異常的快速解決方法
- jQuery CheckBox全選、全不選實現(xiàn)代碼小結(jié)
- jquery復(fù)選框CHECKBOX全選、反選
- JQUERY CHECKBOX全選,取消全選,反選方法三
- jquery中checkbox全選失效的解決方法
- jquery 實現(xiàn)checkbox全選,反選,全不選等功能代碼(奇數(shù))
- Jquery CheckBox全選方法代碼附j(luò)s checkbox全選反選代碼
- jquery checkbox全選反選效果代碼
- jQuery checkbox全選/取消全選實現(xiàn)代碼
- jQuery實現(xiàn)CheckBox全選、全不選功能
- jQuery實現(xiàn)table表格checkbox全選的方法分析
相關(guān)文章
jquery UI Datepicker時間控件的使用方法(加強版)
這篇文章繼續(xù)介紹了jquery UI Datepicker時間控件的使用方法,主要關(guān)于Datepicker插件的介紹和使用,并分享了第一個日歷插件的使用實例,需要的朋友可以參考下2015-11-11
關(guān)注jquery技巧提高jquery技能(前端開發(fā)必學(xué))
本文給大家介紹jquery前端開發(fā)關(guān)注jquery技巧提高jquery技能,對jquery前端開發(fā)感興趣的朋友可以參考下本文2015-11-11
jQuery實現(xiàn)動態(tài)表單驗證時文本框抖動效果完整實例
這篇文章主要介紹了jQuery實現(xiàn)動態(tài)表單驗證時文本框抖動效果,可實現(xiàn)表單元素左右晃動的抖動功能,涉及jquery中元素的匹配與動畫animate效果實現(xiàn)技巧,需要的朋友可以參考下2015-08-08
jquery實現(xiàn)簡單的拖拽效果實例兼容所有主流瀏覽器(優(yōu)化篇)
相對于上一篇,優(yōu)化了拖拽的效果,具體的代碼及截圖如下,感興趣的朋友可以參考下哈,希望對大家有所幫助2013-06-06
jQuery使用removeClass方法刪除元素指定Class的方法
這篇文章主要介紹了jQuery使用removeClass方法刪除元素指定Class的方法,可實現(xiàn)針對指定元素樣式的批量刪除功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03

