您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

jquery数组之存放checkbox全选值示例代码

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 使用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>