jquery数组之存放checkbox全选值示例代码
更新时间:2013年12月20日 17:28:25 作者:
使用jquery数组可以存放checkbox全选值,下面有个不错的示例,感兴趣的朋友可以参考下
复制代码 代码如下:
<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的数组
$("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全选、全不选实现代码小结
- jquery复选框CHECKBOX全选、反选
- JQUERY CHECKBOX全选,取消全选,反选方法三
- jquery中checkbox全选失效的解决方法
- jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
- Jquery CheckBox全选方法代码附js checkbox全选反选代码
- jquery checkbox全选反选效果代码
- jQuery checkbox全选/取消全选实现代码
- jQuery实现CheckBox全选、全不选功能
- jQuery实现table表格checkbox全选的方法分析
相关文章
jquery UI Datepicker时间控件的使用方法(加强版)
这篇文章继续介绍了jquery UI Datepicker时间控件的使用方法,主要关于Datepicker插件的介绍和使用,并分享了第一个日历插件的使用实例,需要的朋友可以参考下2015-11-11jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
相对于上一篇,优化了拖拽的效果,具体的代码及截图如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助2013-06-06jQuery使用removeClass方法删除元素指定Class的方法
这篇文章主要介绍了jQuery使用removeClass方法删除元素指定Class的方法,可实现针对指定元素样式的批量删除功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
最新评论