Home/ Questions/Q 8304351
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T17:49:29+00:00

Here is my code : <body> <div align=center> <b>A<input type=checkbox name=a id=check value=a></b> <b>B<input

  • 0

Here is my code :

<body>
<div align="center">
<b>A<input type="checkbox" name="a" id="check" value="a"></b>
<b>B<input type="checkbox" name="b" id="check" value="a"></b>
<b>B<input type="checkbox" name="c" id="check" value="c"></b>
<b>D<input type="checkbox" name="d" id="check" value="d"></b>
</div>
<table align="center">
<tr>
<td>Text:</td>
<td><input type="text" name="text" id="text"></td>
</tr>
</table>
</body>

I’m trying that: if (more than one) checkbox is selected (or checked) that value will be assigned into the checkbox like “abcd” or “acd” or “bd”.For that I have written jQuery

<script type="text/javascript">
$(document).click(function(){
if($("#check").attr('checked')){
    $("#text").val(("#check").val());
}
});
</script>

able to print one txtbox value at a time,but not able to put all checked value in the textbox at a time.
Where I am going wrong ??Any inputs will appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I may have not understood you correctly, but does this fiddle help you? http://jsfiddle.net/XwGJ9/1/

    The change is the javascript:

    var $textInput = $('#text');
var $checkBox = $('#checkboxes');

$('input').click(function(){
    populateTextInput();
});

function populateTextInput () {
    // empty text input
    $textInput.val('');

    // print out all checked inputs
    $checkBox.find('input:checked').each(function() {
        $textInput.val( $textInput.val() + $(this).val() );
    });
}

    Edit: updated

    • 0