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文件传参数(详解)
Jul 13 Javascript
使用mouse事件实现简单的鼠标经过特效
Jan 30 Javascript
onclick和onblur冲突问题的快速解决方法
Apr 28 Javascript
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
JS实现点击Radio动态更新table数据
Jul 18 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
Aug 23 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
Sep 11 Javascript
JavaScript中concat复制数组方法浅析
Jan 20 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
这样回答继承可能面试官更满意
Dec 10 Javascript
vue中的使用token的方法示例
Mar 10 Javascript
JS Generator 函数的含义与用法实例总结
Apr 08 Javascript
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
让这部DC动画新作刷新你的认知
2020/03/03 欧美动漫
介绍几个array库的新函数 php
2006/12/29 PHP
php精确的统计在线人数的方法
2015/10/21 PHP
php中foreach结合curl实现多线程的方法分析
2016/09/22 PHP
Laravel框架实现的rbac权限管理操作示例
2019/01/16 PHP
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
下拉菜单点击实现连接跳转功能的js代码
2013/05/19 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
15款最好的Bootstrap在线编辑器
2016/08/03 Javascript
vue中实现methods一个方法调用另外一个方法
2018/02/08 Javascript
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
浅谈React高阶组件
2018/03/28 Javascript
详解使用jQuery.i18n.properties实现js国际化
2018/05/04 jQuery
Vue js 的生命周期(看了就懂)(推荐)
2019/03/29 Javascript
vue集成kindeditor富文本的实现示例代码
2019/06/07 Javascript
python的urllib模块显示下载进度示例
2014/01/17 Python
python处理中文编码和判断编码示例
2014/02/26 Python
用Python脚本来删除指定容量以上的文件的教程
2015/05/04 Python
python爬虫入门教程--HTML文本的解析库BeautifulSoup(四)
2017/05/25 Python
python实现BackPropagation算法
2017/12/14 Python
python实现搜索文本文件内容脚本
2018/06/22 Python
Empty test suite.(PyCharm程序运行错误的解决方法)
2018/11/30 Python
Python读取文件内容为字符串的方法(多种方法详解)
2020/03/04 Python
Python数据可视化实现漏斗图过程图解
2020/07/20 Python
python爬虫使用requests发送post请求示例详解
2020/08/05 Python
python statsmodel的使用
2020/12/21 Python
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
菲律宾最大的网上花店和礼品店:PhilFlower.com
2018/02/09 全球购物
美国翻新电子产品商店:The Store
2019/10/08 全球购物
继承权公证书
2014/04/09 职场文书
销售团队激励口号
2014/06/06 职场文书
新闻报道策划方案
2014/06/11 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
自我检讨书范文
2015/01/28 职场文书
正规欠条模板
2015/07/03 职场文书
如何避免mysql启动时错误及sock文件作用分析
2022/01/22 MySQL