javascript获得CheckBoxList选中的数量(jQuery与Javascript对照学习/前台与后台)

 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);
    }
}

posted @ 2009-10-27 10:54  大气象  阅读(2349)  评论(6)  编辑  收藏  举报
http://www.tianqiweiqi.com