How to add checkboxlist items to a textbox

Question

0.00/5 (No votes)

See more:

I have a checkBoxList with "how did you hear about us" media, Flyer, School and Other.
I have an asp textbox where I want to store the values that are checked.
If the user checked media then media is added to the textbox.
If he than checked school then media and school is added to the textbox.
if he than checked other then the text will be visible with media and school in it and the user can add the other values that are not part of the checkboxlist.
If the user unchecked other then the values media and school will be in the textbox.

if that can be done without the page being postback?

ASP.NET

<asp:CheckBoxList ID="ChBMedia" runat="server">
                        <asp:ListItem>Media Article (TV/Radio/Newspaper) </asp:ListItem>
                        <asp:ListItem>Flyer</asp:ListItem>
                        <asp:ListItem>School (for student volunteers) </asp:ListItem>
                        <asp:ListItem>Other</asp:ListItem>
                    </asp:CheckBoxList>

What I have tried:

what i have tried is not worth sending up

Posted 2-Mar-16 4:33am

Member 9331278

Updated 2-Mar-16 17:25pm

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

DotNetSteve · Answer 1 · 2016-03-02T16:46:00

Solution 1

Check out the following plugin:

[Chosen JS^]

Look under multiple select, it does what I think you want to do.

Posted 2-Mar-16 16:46pm

DotNetSteve

Manas_Kumar · Answer 2 · 2016-03-02T17:25:00

Let's use jQuery as you don't want to do postback. Try with below code

HTML code:

ASP.NET

<asp:checkboxlist id="ChBMedia" runat="server" xmlns:asp="#unknown">
	<asp:listitem>Media Article (TV/Radio/Newspaper) </asp:listitem>
	<asp:listitem>Flyer</asp:listitem>
	<asp:listitem>School (for student volunteers) </asp:listitem>
	<asp:listitem>Other</asp:listitem>
</asp:checkboxlist> 
<asp:textbox id="txtMedia" runat="server" xmlns:asp="#unknown"></asp:textbox>

Javascript code:

JavaScript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$('#ChBMedia').on('click', ':checkbox', function() {
    if ($(this).is(':checked')) {
        // handle checkbox check
		var value = $(this).text();
        alert(value);

		// append value to text box
		if($("#txtMedia").val() == "")
		{
			$("#txtMedia").val(value);
		}
		else
		{
			$("#txtMedia").val($("#txtMedia").val() + ", " + value);
		}
    }
});
</script>

Above javascript code will append value to textboxe with comma separated onclick of checkbox. If you have different requirement then you can change the logic in javascript.