使用jQuery从追加的CheckBoxList文本 [英] Append Text using jquery from checkboxlist

问题描述

我在ASP.NET项目。而我的任务是将复选框文本附加到文本框。 复选框的文字是从数据库值必将在的CheckBoxList

 保护无效prbtn_Click（对象发件人，EventArgs的发送）
{
    字符串的ConnectionString =数据源=;初始目录= NCI;集成安全性=真;
    的SqlConnection的myconn =新的SqlConnection（ConnectionString中）;
    清单＆LT;串GT; minire =新的List＆LT;串GT;（）;
    字符串SQL =SELECT DISTINCT PRIMARY_MINI_REGION客户;
    myConn.Open（）;
    CMD的SqlCommand =新的SqlCommand（SQL，的myconn）;
    SqlDataAdapter的适配器=新SqlDataAdapter的（CMD）;
    DataTable的DT =新的DataTable（）;
    adapter.Fill（DT）;
    minire.Add（dt.Rows [0] [0]的ToString（））;
    group12.DataSource = DT;
    group12.DataTextField =PRIMARY_MINI_REGION;
    group12.DataValueField =PRIMARY_MINI_REGION;
    group12.DataBind（）;
    字符串[] = grpary prgrp.Text.Split（';'）;    的foreach（在grpary VAR项）
    {
        如果（项目！=）
        {
            li.Add（items.ToString（））;
            如果（li.Contains（items.ToString（）））
            {
                group12.Items.FindByText（items.ToString（））请选择= TRUE。
                //group12.Items.FindByText(items.ToString()).Enabled = FALSE;
            }
        }
    }
}
 

可以任你帮我如何做到这一点的jquery.Currently我使用StringBuilder的使用C＃像

附加文本

 保护无效group_SelectedIndexChanged（对象发件人，EventArgs的发送）
{
    的foreach（列表项升的group12.Items）
    {
        如果（l.Selected）
        {
            li.Add（l.Text）;
        }
    }
    的foreach（李变种I）
    {
        si.Append（i.ToString（）+;）;
    }
    //如果（prgrp.Text ==）
    // prgrp.Text = si.ToString（）;
    //其他
    prgrp.Text = si.ToString（）;
}
 

一旦我选择复选框意味着它必须追加text.and一旦我取消选中它的意思，内容必须从文本中删除

解决方案

我想这个片段可以帮助你：

\r

\r

$（函数（）{\r
$（输入[类型=复选框]'）。改变（函数（）{\r
//复位输出：\r
$（＃输出）HTML（''）。\r
\r
//重复所有选中的复选框：\r
$（输入[类型=复选框]：勾选'）每个（函数（）{。\r
\r
//获取值：\r
。VAR existingText = $（＃输出）HTML（）;\r
VAR textToAppend = $（本）.VAL（）;\r
\r
//追加分隔符（';'），如果neccessary：\r
如果（existingText！=''）\r
{\r
existingText = existingText +;;\r
}\r
\r
//打印出附加价值：\r
$（＃输出）HTML（existingText + textToAppend）。\r
}）;\r
}）;\r
}）;

\r

＆LT;脚本SRC =htt​​ps://ajax.googleapis.com/ajax /libs/jquery/2.1.1/jquery.min.js\"></script>\r
\r
＆LT; H2＆GT;选择：其中; / H＆GT;\r
＆LT;输入类型=复选框VALUE =一月/＆GT;扬\r
＆LT;输入类型=复选框VALUE =二月/＆GT;二月\r
＆LT;输入类型=复选框VALUE =三月/＆GT;三月\r
＆LT;输入类型=复选框VALUE =四月/＆GT;四月\r
\r
＆所述; H2＆GT;输出：或其可/ H2＆GT;\r
＆LT; D​​IV ID =输出＆GT;＆LT; / DIV＆GT;

\r

\r

\r

I am working in ASP.NET project. And my task is to append the Checkbox text to the TextBox. Checkboxes's text are bound from Database values in CheckBoxList.

protected void prbtn_Click(object sender, EventArgs e)
{
    string ConnectionString = "Data Source=.;Initial Catalog=nci;Integrated Security=true";
    SqlConnection myConn = new SqlConnection(ConnectionString);
    List<string> minire = new List<string>();
    string sql = "SELECT distinct PRIMARY_MINI_REGION FROM customers";
    myConn.Open();
    SqlCommand cmd = new SqlCommand(sql, myConn);
    SqlDataAdapter adapter = new SqlDataAdapter(cmd);
    DataTable dt = new DataTable();
    adapter.Fill(dt);
    minire.Add(dt.Rows[0][0].ToString());
    group12.DataSource = dt;
    group12.DataTextField = "PRIMARY_MINI_REGION";
    group12.DataValueField = "PRIMARY_MINI_REGION";
    group12.DataBind();
    string[] grpary = prgrp.Text.Split(';');

    foreach (var items in grpary)
    {
        if (items != "")
        {
            li.Add(items.ToString());
            if (li.Contains(items.ToString()))
            {
                group12.Items.FindByText(items.ToString()).Selected = true;
                //group12.Items.FindByText(items.ToString()).Enabled = false;
            }
        }
    }
}

Can any of you please help me how to do it in jquery.Currently i appended text using stringbuilder using C# as like

protected void group_SelectedIndexChanged(object sender, EventArgs e)
{
    foreach (ListItem l in group12.Items)
    {
        if (l.Selected)
        {
            li.Add(l.Text);
        }
    }
    foreach (var i in li)
    {
        si.Append(i.ToString() + ";");
    }
    //if (prgrp.Text == "")
    //    prgrp.Text = si.ToString();
    //else
    prgrp.Text = si.ToString();
}

once i select checkbox means it have to append text.and once i unchecked it means,content have to be deleted from textbox

解决方案

I guess this snippet helps you out:

$(function() {
	$('input[type="checkbox"]').change(function() {
		// Reset output:
		$("#output").html('');
		
		// Repeat for all checked checkboxes:
		$('input[type="checkbox"]:checked').each(function(){ 
			
			// Get values:
			var existingText = $("#output").html();
			var textToAppend = $(this).val();
			
			// Append seperator (';') if neccessary:
			if(existingText != '')
			{
				existingText = existingText + ";";
			}
			
			// Print out append value:
			$("#output").html(existingText + textToAppend);
		});
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h2>Select:</h2>
<input type="checkbox" value="Jan"/>Jan
<input type="checkbox" value="Feb"/>Feb
<input type="checkbox" value="Mar"/>Mar
<input type="checkbox" value="Apr"/>Apr

<h2>Output:</h2>
<div id="output"></div>

这篇关于使用jQuery从追加的CheckBoxList文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！