关于checkboxlist前台取值问题

最新推荐文章于 2020-06-27 18:36:54 发布

a451873976

最新推荐文章于 2020-06-27 18:36:54 发布

阅读量519

点赞数

分类专栏： c# 文章标签： button server string asp xhtml html

c# 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

以下是别人博客的后台动态绑定值的取值方法：

前台：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 id="Head1" runat="server">
    <title>无标题页</title>
    <script language="javascript" type="text/javascript">
    function checkAll()
    {
        var ckelems = document.getElementById("CheckBoxList1").getElementsByTagName("input");
        var spelems = document.getElementById("CheckBoxList1").getElementsByTagName("span");
        for(var i=0;i<ckelems.length;i++)
        {
            if(ckelems[i].type=="checkbox")
            {
                if(ckelems[i].checked)
                    alert('文本是 '+spelems[i].text+' 值是 '+spelems[i].value1);
            }
        }
    }
    </script>
</head>
<body>
    <form id="form2" runat="server">
    <div>
        <asp:CheckBoxList ID="CheckBoxList1" runat="server" Height="261px" Width="301px">
        </asp:CheckBoxList>
        <input id="Button1" type="button" value="button" οnclick="checkAll()"/></div>
    </form>
</body>
</html>

后台：

using System;
using System.Data;
using System.Configuration;
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;
using System.Collections.Generic;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        List<string[]> metadata = new List<string[]>();

        metadata.Add(new string[] { "项目前期", "505004" });
        metadata.Add(new string[] { "项目进行中", "505001" });
        metadata.Add(new string[] { "项目中期", "505003" });
        metadata.Add(new string[] { "项目后期", "505005" });
        metadata.Add(new string[] { "项目结束", "505002" });
        metadata.Add(new string[] { "项目意外中止", "505006" });

ListItem lt;

        for (int i = 0; i < metadata.Count; i++)
        {
            lt = new ListItem(metadata[i][0], metadata[i][1]);
            lt.Attributes["text"] = metadata[i][0];
            lt.Attributes["value1"] = metadata[i][1];
            this.CheckBoxList1.Items.Add(lt);
        }
    }
}

还有前台静态绑定的取值方法如下：

这个只能取text值，不能取value值

代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>无标题页</title>
    <script type="text/javascript">
    function aaa()
    {
    var ckelems = document.getElementById("CheckBoxList1").getElementsByTagName("input");
        var spelems = document.getElementById("CheckBoxList1").getElementsByTagName("label");
        for(var i=0;i<ckelems.length;i++)
        {
            if(ckelems[i].type=="checkbox")
            {
                if(ckelems[i].checked)
                    alert('文本是 '+spelems[i].innerHTML+' 值是 '+spelems[i].innerHTML);
            }
        }

    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:CheckBoxList ID="CheckBoxList1" runat="server">
                <asp:ListItem Value="10">1个</asp:ListItem>
                <asp:ListItem Value="20">2个</asp:ListItem>
                <asp:ListItem Value="30">3个</asp:ListItem>
                <asp:ListItem Value="40">4个</asp:ListItem>
            </asp:CheckBoxList><br />
            <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="aaa();return false;"
                /><%-- OnClick="Button1_Click"--%>
    </form>
</body>
</html>