Posted in Javascript onOctober 27, 2009
jQuery的选择器真的好强大,好灵活。 javascript的原始方法也值得研究。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckBoxList.aspx.cs" Inherits="CheckBoxList" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>获得CheckBoxList选中的数量(jQuery与Javascript对照学习/前台与后台)</title> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript"> //jQuery的方法(王君) $(function(){ $("#chkBox").click(function(){ alert($("#chkBox input[@type=checkbox]:checked").size()); }); }); //javacript方法(候林) function f(){ var a=document.getElementsByTagName('input') var num=0; for(var i=0;i<a.length;i++){ if(a[i].type=='checkbox'){ if(a[i].checked==true) num+=1; } } alert(num); } </script> </head> <body> <form id="form1" runat="server"> <div> jQuery的选择器真的好强大,好灵活。<br /> javascript的原始方法也值得研究。 </div> <div> <input type="button" value="Javascript取值" onclick="f();" /> <asp:CheckBoxList ID="chkBox" runat="server"> <asp:ListItem>1</asp:ListItem> <asp:ListItem>2</asp:ListItem> <asp:ListItem>3</asp:ListItem> </asp:CheckBoxList> <asp:Button ID="btnOk" runat="server" OnClick="btnOk_Click" Text="服务器端取" /> </div> </form> </body> </html>
using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; public partial class CheckBoxList : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void btnOk_Click(object sender, EventArgs e) { int totalNum = 0;//总数 string list = "000";//选中的值 for (int i = 0; i < this.chkBox.Items.Count; i++) { if (chkBox.Items[i].Selected) { totalNum += 1; list += "," + chkBox.Items[i].Value; } } Response.Write(totalNum.ToString() + "|" + list); } }
javascript获得CheckBoxList选中的数量
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@