复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DemoCheckBox.aspx.cs" Inherits="DemoCheckBox" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script src="js/jquery-1.6.min.js" type="text/javascript"></script>
<script type="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");
}
})
})
//或许选择项的值
var aa="";
$("#btn5").click(function(){
$("input[name='checkbox']:checkbox:checked").each(function(){
aa+=$(this).val()
})
document.write(aa);
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" id="btn1" value="全选">
<input type="button" id="btn2" value="取消全选">
<input type="button" id="btn3" value="选中所有奇数">
<input type="button" id="btn6" value="选中所有偶数">
<input type="button" id="btn4" value="反选">
<input type="button" id="btn5" value="获得选中的所有值">
<br>
<input type="checkbox" name="checkbox" value="checkbox1">
checkbox1
<input type="checkbox" name="checkbox" value="checkbox2">
checkbox2
<input type="checkbox" name="checkbox" value="checkbox3">
checkbox3
<input type="checkbox" name="checkbox" value="checkbox4">
checkbox4
<input type="checkbox" name="checkbox" value="checkbox5">
checkbox5
<input type="checkbox" name="checkbox" value="checkbox6">
checkbox6
<input type="checkbox" name="checkbox" value="checkbox7">
checkbox7
<input type="checkbox" name="checkbox" value="checkbox8">
checkbox8
</div>
</form>
</body>
</html>
jquery 循环读取checkbox值
复制代码 代码如下:
$("input[type=checkbox][checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
});
相关推荐:
用AI写文章:效率与创意的完美结合
ChatGPT无法加载?检查您的网络设置并尝试重启Chat,ai写作怎么写作文的
今时CMS:引领数字化转型的智慧之选,河南seo优化网站联系方式
AI免费生成:开启智能创作新纪元,助力你的创意无限可能
seo需要什么器械,seo需要什么器械才能做 ,长续航ai纯电汽车
seo辅助词选什么,seo助手 ,各车企ai
seo资源是什么意思,seo资源怎么打开 ,梅州ai自动插件加工
seo网站是什么东西,seo网站是什么东西啊 ,ai锯齿消失
ChatGPT网站突然不能用了?如何快速解决这个问题,让你重新畅享AI对话!,ai新建多个画板
SEO建议:如何通过优化提升网站流量,赢得市场竞争,自媒体网站免费推广平台
为什么“未备案域名”会成为互联网行业中的重要问题?,江干区seo优化价格
SEO技巧提升网站流量和排名,助力企业快速崛起,ai080206.
Goanno跨级借鉴:推动创新与提升效率的秘密武器,崇明区智能ai艾灸费用
SEO门户:打造高效网站流量的关键利器,创意网站建设要求
SEO在广告领域的深度解析:如何利用SEO提升广告效果,网文写作ai工具
AI一键生成文章在线:提升创作效率,改变写作方式
ChatGPT您的应用遇到问题,无法正常启动?如何解决并重新体验智能助手的魅力!,男头ai关键词
SEO与网络推广机构:如何选择最适合你的数字营销合作伙伴,ai写作软件性价比高吗
ChatGPTApp怎么调大字体?提升阅读体验,让文字更清晰,推荐ai音频
SEO手法如何通过精准优化提升网站排名,获取海量流量,网站建设协议流程是什么
seo要公司什么资源,做seo需要用到什么软件 ,ai明星换了
SEO对策:提升网站排名与流量的必备策略,SEO入门相机平价学生
SEO观察:2025年搜索引擎优化的新趋势与机遇,seo2是什么状态
SEO调整,助力网站流量爆发式增长!,江都seo优化排名
ChatGPT与讯飞:AI语音与智能对话的完美融合,ai直角变圆角
文章创作AI:引领智能写作的新时代
SEO快速排名实例:如何通过实战技巧提升网站排名,快速突破流量瓶颈,安徽ai跑步机企业
为什么新手做seo好做,为什么要懂seo ,ai少女 3060显卡
AI免费文章生成器:轻松创作高质量内容的终极工具
seo软文用什么论坛,seo软文是什么意思 ,爱字幕的AI变脸不见了
seo诊断什么意思,seo诊断a5 ,约瑟夫ai
Bing搜索的注意事项-提高搜索效率与准确性,轻松获取所需信息,最近ai写作软件推荐
ChatGPT暂时不可用?如何高效应对并寻找最佳替代方案!,logo ai教程视频
“扩写AI”-引领写作革命,开启智能创作新时代,dede seo 标题如何填写
seo规范是什么意思,seo包括哪些内容 ,AI智能破解
ChatGPT宕机恢复时间如何解决用户焦虑与技术背后的故事,ai人工智能写作火山
OpenAI银行卡扣款的公司是哪家?揭秘背后的支付流程与安全保障,AI素描相片
SEO趋势:2025年搜索引擎优化的未来发展,河南省营销推广系统官网
ChatGPT手机下载后打不开?可能是这些问题导致的,解决方法在这里!,孤城ai动画
AI人工智能:开发与应用的必备软件推荐
SEO要好,网站流量翻倍的关键秘诀,品牌网站建设关键词优化
SEO任何:如何通过精准优化让网站流量突破极限,太原网站建设培训班
文章疑似AI生成怎么办?如何辨别并应对AI生成文章的挑战
GPT人工智能-让未来触手可及的智慧之光,ai头花写真
ChatGPT点不了?背后的真相与解决方法,ai.520523
为什么seo这么麻烦,seo是什么意思 为什么要做seo ,dota1ai地图命令选ai
SEO优化做什么的?揭秘SEO优化的核心价值与实战应用,ai做金色
seo需要干什么,seo需要具备什么知识 ,ai梦境档案世岛大宅
SEO网:让你的数字营销更加精准高效,开启网络引流新时代,丰县互联网网站推广优势
SEO优化工具优势:提升网站排名,带来流量和转化的秘密武器,ai圆形造字