提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

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

jQuery 方式 一种 GridView 比如 同级
2023-06-13 09:14:33 时间
复制代码代码如下:

<asp:GridViewID="gvReceipt"runat="server"Width="100%"AutoGenerateColumns="False"DataKeyNames="ID"CssClass="Grid">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<inputtype="checkbox"id="chkReceipt"value="<%#Eval("ID")%>"name="chkReceipt"/>
<inputid="hdCustomerCode"type="hidden"value="<%#Eval("CustomerCode")%>"/>
<inputid="hdCustomerName"type="hidden"value="<%#Eval("Customer")%>"/>
<inputclass="hdStatus"type="hidden"value="<%#Eval("Department")%>"/>
</ItemTemplate>
</asp:TemplateField>
</asp:GridView>

你想取选中的checkbox后面隐藏域中的value,如下：
复制代码代码如下:

functionSelectReceipt()
{
varchecknum=0;
varcustomerCode="";
vartype="";
varurl="";
checknum=$("input:checked").length;
if(checknum>1)
{
alert("只能选择一条记录进行收款！");
returnfalse;
}
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);
returntrue;
}
}

jQuery--checkbox全选/取消全选
复制代码代码如下:
<html>
<head>
<scriptsrc="jquery-1.3.2.min.js"type="text/javascript"></script>
</head>
<body>
<inputtype="checkbox"name="chk_list"id="chk_list_1"value="1"/>1<br/>
<inputtype="checkbox"name="chk_list"id="chk_list_2"value="2"/>2<br/>
<inputtype="checkbox"name="chk_list"id="chk_list_3"value="3"/>3<br/>
<inputtype="checkbox"name="chk_list"id="chk_list_4"value="4"/>4<br/>
<inputtype="checkbox"name="chk_all"id="chk_all"/>全选/取消全选
<scripttype="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值:
复制代码代码如下:
<scripttype="text/javascript">
//获取到所有name为"chk_list"并选中的checkbox(集合)
vararrChk=$("input[name="chk_list]:checked");
//遍历得到每个checkbox的value值
for(vari=0;i<arrChk.length;i++)
{
alert(arrChk[i].value);
}
</script>

下面是用$.each()遍历的代码：
复制代码代码如下:
<scripttype="text/javascript">
vararrChk=$("input[name="chk_list"]:checked");
$(arrChk).each(function(){
window.alert(this.value);
});
});
</script>

相关文章