Js获取CheckBoxList的值

最新推荐文章于 2017-06-23 16:47:42 发布

lsynb

最新推荐文章于 2017-06-23 16:47:42 发布

阅读量4.9k

点赞数

分类专栏：关于C#/asp.net技术文章文章标签： textbox dataset javascript server xhtml object

本文链接：https://blog.csdn.net/lsynb/article/details/3341826

版权

关于C#/asp.net技术文章专栏收录该内容

38 篇文章 0 订阅

订阅专栏

前台页面 aspx：

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

<!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 language="javascript" type="text/javascript">
        function onchecked(v,flag) {
            if(flag==true) {
                if(document.getElementById("TextBox1").value=="") {
                    document.getElementById("TextBox1").value=v;
                } else {
                    document.getElementById("TextBox1").value+=","+v;
                }
            } else {
                var arr=new Array();
                arr=document.getElementById("TextBox1").value.split(',');
                for(var i=0;i<arr.length;i++) {
                    if(arr[i]==v) {
                        arr[i]="";
                    }
                }
                var arr1=new Array();
                var j=0;
                for(var i=0;i<arr.length;i++) {
                    if(arr[i]!="") {
                        arr1[j]=arr[i];
                        j++;
                    }
                }
                document.getElementById("TextBox1").value=arr1.join(',');
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server" Width="422px"></asp:TextBox><br />
        <asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="false" DataTextField="article_group_id" DataValueField="article_group_id" OnDataBound="CheckBoxList1_DataBound" RepeatColumns="3" RepeatDirection="Horizontal">
        </asp:CheckBoxList> </div>
    </form>
</body>
</html>

后台页面 cs：

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;
using System.Data.SqlClient;

public partial class Default22 : System.Web.UI.Page
{
    private readonly string SQLCONNECTIONSTRING = ConfigurationManager.ConnectionStrings["SQLConnectionString"].ToString();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            listBind();
        }
    }

    private void listBind()
    {
        SqlConnection conn = new SqlConnection(SQLCONNECTIONSTRING);
        String strSql = "select * from Cms_articleGroup";
        SqlDataAdapter da = new SqlDataAdapter(strSql, conn);
        conn.Open();
        DataSet ds = new DataSet();
        da.Fill(ds);
        CheckBoxList1.DataSource = ds;
        CheckBoxList1.DataBind();
    }

    protected void CheckBoxList1_DataBound(object sender, EventArgs e)
    {
        for (int i = 0; i < CheckBoxList1.Items.Count; i++)
        {
            CheckBoxList1.Items[i].Attributes.Add("onclick", "javascript:onchecked('" + CheckBoxList1.Items[i].Value+ "',this.checked);");
        }
    }
}