提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JQuery对checkbox操作（循环获取）

jQuery循环 操作 获取 checkbox
2023-06-13 09:14:28 时间
复制代码代码如下:

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="DemoCheckBox.aspx.cs"Inherits="DemoCheckBox"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>无标题页</title>
<scriptsrc="js/jquery-1.6.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
jQuery(function($){
//全选
$("#btn1").click(function(){
$("input[name="checkbox"]").attr("checked","true");
})
//取消全选
$("#btn2").click(function(){
$("input[name="checkbox"]").removeAttr("checked");
})
//选中所有基数
$("#btn3").click(function(){
$("input[name="checkbox"]:even").attr("checked","true");
})
//选中所有偶数
$("#btn6").click(function(){
$("input[name="checkbox"]:odd").attr("checked","true");
})
//反选
$("#btn4").click(function(){
$("input[name="checkbox"]").each(function(){
if($(this).attr("checked"))
{
$(this).removeAttr("checked");
}
else
{
$(this).attr("checked","true");
}
})
})
//或许选择项的值
varaa="";
$("#btn5").click(function(){
$("input[name="checkbox"]:checkbox:checked").each(function(){
aa+=$(this).val()
})
document.write(aa);
})
})
</script>
</head>
<body>
<formid="form1"runat="server">
<div>
<inputtype="button"id="btn1"value="全选">
<inputtype="button"id="btn2"value="取消全选">
<inputtype="button"id="btn3"value="选中所有奇数">
<inputtype="button"id="btn6"value="选中所有偶数">
<inputtype="button"id="btn4"value="反选">
<inputtype="button"id="btn5"value="获得选中的所有值">
<br>
<inputtype="checkbox"name="checkbox"value="checkbox1">
checkbox1
<inputtype="checkbox"name="checkbox"value="checkbox2">
checkbox2
<inputtype="checkbox"name="checkbox"value="checkbox3">
checkbox3
<inputtype="checkbox"name="checkbox"value="checkbox4">
checkbox4
<inputtype="checkbox"name="checkbox"value="checkbox5">
checkbox5
<inputtype="checkbox"name="checkbox"value="checkbox6">
checkbox6
<inputtype="checkbox"name="checkbox"value="checkbox7">
checkbox7
<inputtype="checkbox"name="checkbox"value="checkbox8">
checkbox8
</div>
</form>
</body>
</html>

jquery循环读取checkbox值
复制代码代码如下:

$("input[type=checkbox][checked]").each(function(){//由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
});

相关文章