Home/ Questions/Q 9184251
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T18:59:56+00:00

I’m trying to use checkboxes to populate a textarea with certain text; however, when

  • 0

I’m trying to use checkboxes to populate a textarea with certain text; however, when the checkbox is unselected, I’d like to have the populated text deleted. I’ve tried this:

$('input:checkbox').click(function(){
var tb = "#"+$(this).attr('rel');
if($(this).is(":checked"))
$(tb).append(this.name + "\n"); 
else($(this).not(":checked"))
$(tb).remove(this.name + "\n");
});

to no avail. Halp?

EDIT
Major step forward… I’ve figured-out how to redesign the script to almost do exactly what I need. I altered the above to this:

$('input:checkbox').click(function(){
var tb = "#"+$(this).attr('rel');
if($(this).is(":checked"))
$(tb).append(this.name + "\n")
else($(tb).empty(this.name + "\n"))
});

My only problem now is that when I uncheck a checkbox, it clears all text from the textbox, when I only want it to clear the specific text which corresponds to the unchecked checkbox.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try the below code it will help you….

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>                     

<script type="text/javascript">
    $(document).ready(function() {
$("input[type=checkbox]").click(function() {
    if ($(this).is(':checked'))
    $('#purchased').html($('#purchased').val() + $(this).attr('name') + "\n");
else
{
    var text = $('#purchased').val();
    text = text.replace($(this).attr('name') + "\n" ,"");
    $('#purchased').html(text);
}
  });
});
</script>
</head>
<body>
<textarea id="purchased" cols="25" rows="10"></textarea>
        <p>Pennsylvania State Standards, Subject 1: Reading, Writing, Speaking, and Listening</p>
        <ul>
            <li><input type="checkbox" rel="textbox" name="1.1. Reading Independently">1.1. Reading Independently</input></li>
            <li><input type="checkbox" rel="textbox" name="1.2. Reading, Analyzing, and Interpreting Text">1.2. Reading, Analyzing, and Interpreting Text</input></li>
            <li><input type="checkbox" rel="textbox" name="1.3. Reading, Analyzing, and Interpreting Literature: Fiction and Non-Fiction">1.3. Reading, Analyzing, and Interpreting Literature: Fiction and Non-Fiction</input></li>
            <li><input type="checkbox" rel="textbox" name="1.4. Types of Writing">1.4. Types of Writing</input></li>
            <li><input type="checkbox" rel="textbox" name="1.5. Quality of Writing">1.5. Quality of Writing</input></li>
            <li><input type="checkbox" rel="textbox" name="1.6. Speaking and Listening">1.6. Speaking and Listening</input></li>
            <li><input type="checkbox" rel="textbox" name="1.7. Characteristics and Functions of the English Language">1.7. Characteristics and Functions of the English Language</input></li>
            <li><input type="checkbox" rel="textbox" name="1.8. Research">1.8. Research</input></li>
            <li><input type="checkbox" rel="textbox" name="1.9. Information, Communication, and Technology Literacy">1.9. Information, Communication, and Technology Literacy</input></li>
        </ul>
</body>
</html>
    • 0