jquery数组之存放checkbox全选值示例代码
作者:
使用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全选的方法分析