使用checkboxlist中的jquery附加文本

我在ASP.NET项目中工作。 我的任务是将Checkbox文本附加到TextBox 。 复选框的文本是从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 minire = new List(); 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; } } } } 

你们中的任何人都可以帮助我在jquery中如何做到这一点。目前我使用C＃作为喜欢使用stringbuilder附加文本

 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(); } 

一旦我选择复选框意味着它必须附加文本。一旦我取消选中它意味着，内容必须从文本框中删除

Answer 1

我猜这个片段会帮助你：

 $(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); }); }); }); 

  
Select:
 Jan Feb Mar Apr 
Output:
 
 

Answer 2

  $(document).ready( $('.checkBoxCommunClass').on('click', function () { var id = $(this).get(0).id; if ($('input[id=' + id + ']:checked').length > 0) $('#resultTextInput').val() = $('#resultTextInput').val() + $(this).val(); }));