选中复选框时如何在datallist中显示值，以及在取消选中复选框时如何隐藏 [英] how to show value in datallist when check box is checked and and how to hide when check box is unchecked

问题描述

这里，当我们选择复选框时，我想在一个数据列表中绑定数据。



假设。我有三个类别叫做足球，排球，蝙蝠。



这里当我在复选框1中打勾时，它应该在右侧的数据主义者中显示足球。



如果我勾选checkbox1，复选框2，它应该显示足球和排球。

如果我取消选中复选框1，它应该只显示排球。 br />
如果我选中复选框1，复选框2，复选框3，它应该显示所有类别，即足球，排球和数据列表中的球棒。

如果我取消选中复选框2，复选框3，它应该显示足球只有（checkbox1的类别）。



checkbox1（足球）

复选框2（排球）

checkbox3（蝙蝠）





如何在asp.net c＃中做。需要帮助。





如果这个性能是速度，asp.net c＃就够了


或javascript，c＃，asp.net的帮助。

here, i wanted to bind data in one datalist when we choose checkbox.

assume. i have three category called football, volleyball, bat.

here when i tick in checkbox1, it should show football in the datalist at right-hand side.

if i tick checkbox1, and checkbox2 both, It should show football, and volleyball.
if i uncheck checkbox1, It should show volleyball only.
if i check checkbox1,checkbox2,checkbox3, It should show all category ie, football, volleyball and bat in datalist.
if i uncheck checkbox2,checkbox3, it should show football only( checkbox1' s category).

checkbox1 (football)
checkbox2 (volleyball)
checkbox3 (bat)


how to do in asp.net c#. help needed.


if this performance is speed, asp.net c# is enough

or the help with javascript,c#,asp.net.

推荐答案

我自己有解决方法。我想分享一下。它可以帮助别人。

Hi, I have solution myself. I would like to share. It may help others.

aspx page:

<asp:CheckBoxList ID="chek" OnSelectedIndexChanged="chk_click" AutoPostBack="true" runat="server"></asp:CheckBoxList><br />

<!-- <asp:Button ID="btnclk" runat="server" Text="refersh" OnClick="chk_click" /><br />-->
<asp:DataList ID="dlchk" runat="server">
<HeaderTemplate>
<table width="600" align="center" cellpadding="10" cellspacing="10">


<tr>
<td>
Id
</td>
<td>
City
</td>
<td>
State
</td>
</tr>

</HeaderTemplate>

<ItemTemplate>
<tr>
<td>
<%#Eval("id") %>
</td>
<td>
<%#Eval("city") %>
</td>
<td>
<%#Eval("statename") %>
</td>
</tr>
</ItemTemplate>

<FooterTemplate>
</table>
</FooterTemplate>

</asp:DataList>

aspx.cs (code behind):

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Configuration;
using System.Data.SqlClient;

namespace checkboxapp
{
public partial class _Default : System.Web.UI.Page
{
DBCLASS objcon = new DBCLASS();
DataTable dbdt = new DataTable();
DataTable dt = new DataTable();
protected void Page_Load(object sender, EventArgs e)
{
// Display the subtotal without tax when the page is first loaded.
if (!IsPostBack)
{
loaddt();

}

}
public void loaddt()
{
SqlConnection con = objcon.getconnection();
con.Open();
SqlCommand cmd = new SqlCommand("select * from chktbl",con);
SqlDataAdapter da = new SqlDataAdapter(cmd);

da.Fill(dt);
Session["sesdt"] = dt;
//Filter using below line to uniqe data
dbdt = dt.DefaultView.ToTable(true,"id", "city");
con.Close();
chek.DataSource = dbdt;
chek.DataValueField = "id";
chek.DataTextField = "city";
// chek.DataTextField = "city";
chek.DataBind();
}
protected void chk_click(object sender, EventArgs e)
{
DataTable dtDatalist = new DataTable();
DataTable dtEachCity = new DataTable();
dt = (DataTable)Session["sesdt"];
DataRow[] dr;
foreach (ListItem listItem in chek.Items)
{
if (listItem.Selected)
{
//Get each selected city from checkboxlist and filter datatable baed on that and bind in datalist
dr = dt.Select("id='" + listItem.Value + "'");
if (dr.Length > 0)
{
dtEachCity = dr.CopyToDataTable();
dtDatalist.Merge(dtEachCity);
}
}
}
//Finally bind filtered data in the data list
dlchk.DataSource=dtDatalist;
dlchk.DataBind();

}
}
}

Thank you.

这篇关于选中复选框时如何在datallist中显示值，以及在取消选中复选框时如何隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！