【问题标题】:get the values from checkboxes those were created dynamically C# JQuery Asp.net从复选框中获取值,这些复选框是动态创建的 C# JQuery Asp.net
【发布时间】:2014-11-18 04:55:48
【问题描述】:

我有这些复选框,它们是使用 C# 动态创建的。这些是 HTMLInputCheckboxes。它们保存在名为“panel_seat”的面板下。

我想从这些复选框中获取值以将它们发布到数据库中。这个怎么做?将它们创建为复选框列表或组?

如果有,请给我一些代码参考。

【问题讨论】:

  • Check_0,check_1...etc..,是 ids
  • 您必须给它们都赋予相同的名称name="check[]" .. 其余部分将由您的服务器或.serialize() 处理。
  • 一种方法是利用 Ajax。然后您联系服务器端事件/服务。这将允许您使用 JavaScriptjQuery 将您的客户端对象推送到服务器端。然后,您将能够简单地使用 Json 来回 Serialize / Deserialize 数据。

标签: c# jquery asp.net checkbox


【解决方案1】:

jQuery 代码:

 $(document).ready(function () {
        $("#btn_check").click(function () {
            var str = "";
            x = $("#frm").serializeArray();
             str = JSON.stringify(x);

            $('#<%=hdnSelectedTicket.ClientID %>').val(str);


        });
    });

Asp.net:

 <asp:HiddenField ID="hdnSelectedTicket"  runat="server" />

C# 代码:为 Json 使用特殊的 dll

 using System.Web.Script.Serialization;
 using Newtonsoft.Json;
 namespace TestApp.components.seatfromdb
{
public class Test
{
    public string name { get; set; }
    public string value { get; set; }

}

public partial class seatfromdb : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {     

 }

    protected void btn_submit_Click(object sender, EventArgs e)
    {

        List<Test> myDeserializedObjList = (List<Test>)Newtonsoft.Json.JsonConvert.DeserializeObject(hdnSelectedTicket.Value, typeof(List<Test>));
        int count = myDeserializedObjList.Count;
        string[] chkarr = new string[count-4];
        int j=0;
        for (int i = 0; i < count; i++)
        {
            if (myDeserializedObjList[i].name.Substring(0, 6) == "check_")
            {
                chkarr[j] = myDeserializedObjList[i].name.Substring(6,1);
                j++;
            }
        }

    }


}

}

不需要复选框组或列表。我使用了带有(字符串化复选框值)Json 的隐藏字段。 charr[] 数组可以根据我们的需要以字节或其他形式放入数据库中。

【讨论】:

    猜你喜欢
    • 2017-10-02
    • 1970-01-01
    • 1970-01-01
    • 2019-06-16
    • 1970-01-01
    • 2012-04-28
    • 2012-06-07
    • 2016-01-29
    • 1970-01-01
    相关资源
    最近更新 更多