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 相关文章推荐
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
Jan 08 Javascript
JS获得一个对象的所有属性和方法实例
Feb 21 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
May 17 Javascript
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
Jul 27 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
Nov 11 Javascript
vue学习教程之带你一步步详细解析vue-cli
Dec 26 Javascript
浅谈从React渲染流程分析Diff算法
Sep 08 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
Jan 19 Javascript
通过实例讲解JS如何防抖动
Jun 15 Javascript
Vue包大小优化的实现(从1.72M到94K)
Feb 18 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
不用数据库的多用户文件自由上传投票系统(1)
2006/10/09 PHP
PHP中将数组转成XML格式的实现代码
2011/08/08 PHP
PHP数组无限分级数据的层级化处理代码
2012/12/29 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
web网页按比例显示图片实现原理及js代码
2013/08/09 Javascript
jquery ajax jsonp跨域调用实例代码
2013/12/11 Javascript
js中键盘事件实例简析
2015/01/10 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
2015/02/05 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
2015/03/04 Javascript
jQuery实现的简洁下拉菜单导航效果代码
2015/08/26 Javascript
移动手机APP手指滑动切换图片特效附源码下载
2015/11/30 Javascript
JS实现的表格行上下移动操作示例
2016/08/03 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
vue父组件通过props如何向子组件传递方法详解
2017/08/16 Javascript
JavaScript体验异步更好的解决办法
2018/01/08 Javascript
vue打包的时候自动将px转成rem的操作方法
2018/06/20 Javascript
vue-router 源码之实现一个简单的 vue-router
2018/07/02 Javascript
[03:09]显微镜下的DOTA2第一期——带你走进华丽的DOTA2世界
2014/06/20 DOTA
[00:35]TI7不朽珍藏III——寒冰飞龙不朽展示
2017/07/15 DOTA
[44:40]Spirit vs Navi Supermajor小组赛 A组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
pyenv命令管理多个Python版本
2017/03/26 Python
Python3结合Dlib实现人脸识别和剪切
2018/01/24 Python
python 用for循环实现1~n求和的实例
2019/02/01 Python
Django中信号signals的简单使用方法
2019/07/04 Python
解决python Jupyter不能导入外部包问题
2020/04/15 Python
Pytorch转tflite方式
2020/05/25 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
英国探险旅游专家:Explore
2018/12/20 全球购物
采购员岗位职责
2013/11/15 职场文书
大专生简历的自我评价
2013/11/26 职场文书
财政局长自荐信范文
2013/12/22 职场文书
优秀部门获奖感言
2014/02/14 职场文书
民主生活会对照检查材料范文
2014/10/01 职场文书
英语投诉信范文
2015/07/03 职场文书
2017寒假社会实践心得体会范文
2016/01/14 职场文书
vue的项目如何打包上线
2022/04/13 Vue.js