当前位置:小鱼儿玄机二站 > 前端技术 > jquery数组之存放checkbox全选值示例代码

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

文章作者:前端技术 上传时间:2019-09-03

复制代码 代码如下:

<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();//声美素佳儿(Friso)个寄放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>

代码如下: input type="checkbox" id="checkAll" value="1"全选/全部不选 input type="checkbox" name="items" value="1"1 input type="checkbox" name="items" value="...

本文由小鱼儿玄机二站发布于前端技术,转载请注明出处:jquery数组之存放checkbox全选值示例代码

关键词: