jQuery获取checkbox,jQuery获取checkboxlist值,jQuery获取value值,jQuery
web前端-js教程
CheckboxList是服务器控件，绑定数据容易，服务器端获取选中值也容易。但是生成的静态页面居然没有ListItem的Value值，所以默认情况下用js在页面中是取不到ListItem的值的。至于为什么不显示value值，我也不清楚，本篇给出一个用jQuery获取checkboxlist值的方法。充值钓鱼网站源码,vscode输出设置,ubuntu phpcs,tomcat动态发布,sqlite 昨天日期,jquery文章评论回复插件,前端开发框架识别方法,爬虫疫情实时新闻,js php ajax,池州稳定seo推广,印刷包装公司网站模板,1屏网页设计模板,婚纱摄影网站模板之家lzw
先看看原始的页面html代码：易语言超强病毒源码,vscode更新es,ubuntu超级账号密码,tomcat 是啥,brew sqlite3,腾讯cos dz插件,前端框架都用过什么,爬虫bilibili弹幕不全,php取当前url,江西seo工作室,音乐网站 源码,弹出窗口网页背景变成半透明效果,网上购物系统模板.net,jquery 点击打开页面,文档管理系统 开源 php,在哪个网站可以下载到程序代码lzw
下面我们绑定checkboxlist，代码如下：
可以看出checkboxlist转换为一个表格的形式，并且其中没有value值。label中的值，即为text值。当点击它时，也可以选中checkbox，这里在选checkbox时提高了用户体验。
下面进入我们的处理过程，首先，在绑定checkboxlist时，为ListItem每个对象添加一个alt属性，值保存对应的value值，代码如下：
从上边可以看出，多了一个span标签，里边alt的值即为我们需要的value值。使用下边的jQuery代码即可获得：
jquery捕捉回车键及获取checkbox值与异步请求办法【jquery】
jsp微信源码,ubuntu下部署svn,tomcat怎么看访问日志,除虫神器爬虫,php技术职业规划教程,南昌seo流量lzw
if (dt != null && dt.Rows.Count > 0){ foreach (DataRow dr in dt.Rows) { //分别为text值、value值 listTest.Items.Add(new ListItem(dr["Title"].ToString(), dr["ID"].ToString())); }}页面中生成的html代码如下：下面进入我们的处理过程，首先，在绑定checkboxlist时，为ListItem每个对象添加一个alt属性，值保存对应的value值，代码如下：
if (dt != null && dt.Rows.Count > 0){ foreach (DataRow dr in dt.Rows) { //分别为text值、value值 listTest.Items.Add(new ListItem(dr["Title"].ToString(), dr["ID"].ToString())); } //为ListItem对象添加alt属性，值保存value值 foreach (ListItem li in listTest.Items) { li.Attributes.Add("alt", li.Value); }}现在，生成的html代码如下：$(document).ready(function() { $("#btnShow").click(function() { var valuelist = ""; //保存checkbox选中值 //遍历name以listTest开头的checkbox $("input[name^='listTest']").each(function() { if (this.checked) { //$(this):当前checkbox对象; //$(this).parent("span"):checkbox父级span对象 valuelist += $(this).parent("span").attr("alt") + ","; } }); if (valuelist.length > 0) { //得到选中的checkbox值序列,结果为400,398 valuelist = valuelist.substring(0, valuelist.length - 1); } });});以上就是jQuery获取checkboxlist的value值的方法，不知道大家有没有真正理解，希望这篇文章能够帮到大家。
jquery捕捉回车键及获取checkbox值与异步请求办法【jquery】 | jquery捕捉回车键及获取checkbox值与异步请求办法【jquery】 ...