JQuery一种取同级值的方式(比如你在GridView中)


Posted in Javascript onMarch 15, 2012
<asp:GridView ID="gvReceipt" runat="server" Width="100%" AutoGenerateColumns="False" DataKeyNames="ID" CssClass="Grid" > 
<Columns> 
<asp:TemplateField> 
<ItemTemplate > 
<input type="checkbox" id="chkReceipt" value='<%#Eval("ID") %>' name="chkReceipt" /> 
<input id="hdCustomerCode" type="hidden" value='<%#Eval("CustomerCode") %>' /> 
<input id="hdCustomerName" type="hidden" value='<%#Eval("Customer") %>' /> 
<input class="hdStatus" type="hidden" value='<%#Eval("Department") %>' /> 
</ItemTemplate> 
</asp:TemplateField> 
</asp:GridView>

你想取选中的checkbox后面隐藏域中的value,如下:
function SelectReceipt() 
{ 
var checknum = 0; 
var customerCode = ""; 
var type = ""; 
var url = ""; 
checknum = $("input:checked").length; 
if (checknum > 1) 
{ 
alert("只能选择一条记录进行收款!"); 
return false; 
} 
else 
{ 
alert(checknum); 
if (checknum == 1) 
{ 
customerCode = $("input:checked").next().attr("value"); //通过next()方法取,如果要取再下一个hdCustomerName的值,可以.next().next()。 
//customerName = $("input:checked~#hdCustomerName").val();//IE用ID会报错,firefox不会 
type = $("input:checked~.hdStatus").attr("value");//或者通过用class的方式取, 
url = 'PreReceiptDeposit.aspx?customerCode=' + customerCode + '&departmentType=' + type; 
} 
else 
{ 
url = 'PreReceiptDeposit.aspx?customerCode=' + '' + '&departmentType=' + type; 
} 
alert(url); 
UniversalOpenWindowAndBreak(640, 600, url, 1); 
return true; 
} 
}

jQuery--checkbox全选/取消全选
<html> 
<head> 
<script src="jquery-1.3.2.min.js" type="text/javascript"></script> 
</head> 
<body> 
<input type="checkbox" name="chk_list" id="chk_list_1" value="1" />1<br /> 
<input type="checkbox" name="chk_list" id="chk_list_2" value="2" />2<br /> 
<input type="checkbox" name="chk_list" id="chk_list_3" value="3" />3<br /> 
<input type="checkbox" name="chk_list" id="chk_list_4" value="4" />4<br /> 
<input type="checkbox" name="chk_all" id="chk_all" />全选/取消全选 
<script type="text/javascript"> 
$("#chk_all").click(function(){ 
$("input[name='chk_list']").attr("checked",$(this).attr("checked")); 
}); 
</script> 
</body> 
</html>

jQuery.attr 获取/设置对象的属性值,如:
$("input[name='chk_list']").attr("checked"); //读取所有name为'chk_list'对象的状态(是否选中)
$("input[name='chk_list']").attr("checked",true); //设置所有name为'chk_list'对象的checked为true
再如:
$("#img_1").attr("src","test.jpg"); //设置ID为img_1的<img>src的值为'test.jpg'
$("#img_1").attr("src"); //读取ID为img_1的<img>src值
下面的代码是获取上面实例中选中的checkbox的value值:
<script type="text/javascript"> 
//获取到所有name为'chk_list'并选中的checkbox(集合) 
var arrChk=$("input[name='chk_list]:checked"); 
//遍历得到每个checkbox的value值 
for (var i=0;i<arrChk.length;i++) 
{ 
alert(arrChk[i].value); 
} 
</script>

下面是用$.each()遍历的代码:
<script type="text/javascript"> 
var arrChk=$("input[name='chk_list']:checked"); 
$(arrChk).each(function(){ 
window.alert(this.value); 
}); 
}); 
</script>
Javascript 相关文章推荐
自定义ExtJS控件之下拉树和下拉表格附源码
Oct 15 Javascript
Javascript执行效率全面总结
Nov 04 Javascript
js写的评论分页(还不错)
Dec 23 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
Jun 26 Javascript
bootstrap table操作技巧分享
Feb 15 Javascript
整理关于Bootstrap过渡动画的慕课笔记
Mar 29 Javascript
详解webpack+gulp实现自动构建部署
Jun 29 Javascript
SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
Jan 09 Javascript
JQuery元素快速查找与操作
Apr 22 jQuery
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
Jun 01 Javascript
手动实现vue2.0的双向数据绑定原理详解
Feb 06 Vue.js
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
Mar 14 #Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
Mar 14 #Javascript
javascript 进阶篇2 CSS XML学习
Mar 14 #Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
Mar 14 #Javascript
javascript 基础篇4 window对象,DOM
Mar 14 #Javascript
javascript 基础篇3 类,回调函数,内置对象,事件处理
Mar 14 #Javascript
javascript 基础篇2 数据类型,语句,函数
Mar 14 #Javascript
You might like
PHP Session 变量的使用方法详解与实例代码
2013/09/11 PHP
php+lottery.js实现九宫格抽奖功能
2019/07/21 PHP
PHP针对redis常用操作实例详解
2019/08/17 PHP
JavaScript中使用正则匹配多条,且获取每条中的分组数据
2010/11/30 Javascript
javascript 实现字符串反转的三种方法
2013/11/23 Javascript
JavaScript中window.showModalDialog()用法详解
2014/12/18 Javascript
深入分析下javascript中的[]()+!
2015/07/07 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
2017/06/30 Javascript
React Native预设占位placeholder的使用
2017/09/28 Javascript
nodejs 简单实现动态html的方法
2018/05/12 NodeJs
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
如何基于js判断浏览器版本
2020/02/20 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
2020/04/22 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
[02:51]DOTA2 2015国际邀请赛中国区预选赛第一日战报
2015/05/27 DOTA
[02:34]DOTA2亚洲邀请赛 BG战队出场宣传片
2015/03/09 DOTA
python爬虫常用的模块分析
2014/08/29 Python
Python如何快速实现分布式任务
2017/07/06 Python
python简单贪吃蛇开发
2019/01/28 Python
Python发送邮件的实例代码讲解
2019/10/16 Python
html5新增的定时器requestAnimationFrame实现进度条功能
2018/12/13 HTML / CSS
YBF Beauty官网:美丽挚友,美国知名彩妆品牌
2020/11/22 全球购物
学习十八届三中全会精神实施方案
2014/02/17 职场文书
妇女干部培训方案
2014/05/12 职场文书
空气的环保标语
2014/06/12 职场文书
爱国口号
2014/06/19 职场文书
多媒体教室标语
2014/06/26 职场文书
化工见习报告范文
2014/10/31 职场文书
周年庆典答谢词
2015/01/20 职场文书
继续教育个人总结
2015/03/03 职场文书
纪录片信仰观后感
2015/06/08 职场文书
感谢师恩主题班会
2015/08/17 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
彻底理解golang中什么是nil
2021/04/29 Golang
python数字转对应中文的方法总结
2021/08/02 Python