Can I pass multiple checkbox checked with javascript

Question

Here is the script (javascript & jQuery) :

$('#button_submit').click(function() {
    var check = { 'opt[]' : []};
    $("input:checked").each(function() {
        check['opt[]'].push($(this).val());
    });
}

and the html one :

<html>
<body>
    <h4>Data Options</h4>
    <form id="myForm">
        <input type='checkbox' name='opt[]' value='1'id='ck1' /> Counts<br>
        <input type='checkbox' name='opt[]' value='2'id='ck2' /> Male<br>
        <input type='checkbox' name='opt[]' value='3'id='ck3' /> Female<br>
        <input type="button" id="button_submit" value="go">
    </form>
</body>
</html>

Im not getting the checked checkboxes, is anything wrong?

mgraph · Accepted Answer · 2012-11-22 13:03:28Z

2

try to add $(document).ready:

<script type='text/javascript'>
$(document).ready(function(){
  $('#button_submit').click(function() 
  {...}
})
</script>

answered Nov 22, 2012 at 13:03

mgraph

15.3k4 gold badges43 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

justcompile · Accepted Answer · 2012-11-22 13:22:15Z

0

Given the markup above this is how I would populate check

$(document).ready(function() {
    $('#button_submit').click(function() {
       var check = { 'opt[]' : []};
       $('input[name="opt[]"]:checked').each(function() {
           check['opt[]'].push($(this).val());
       });

       // just for a bit of debugging
       for(var x in check['opt[]']) {
           $('span').append(check['opt[]'][x]);
       }
       // assuming you want to do something other than just let it submit

       return false;      
    });
});

See http://jsfiddle.net/8Dm9C/1/ for an example

edited Nov 22, 2012 at 13:22

answered Nov 22, 2012 at 13:12

justcompile

3,5523 gold badges33 silver badges39 bronze badges

Comments

Bruno · Accepted Answer · 2012-11-22 13:07:57Z

0

If you just want to check multiple checkboxes

$("input:checkbox").prop("checked", true )

answered Nov 22, 2012 at 13:07

Bruno

5,8222 gold badges29 silver badges44 bronze badges

Collectives™ on Stack Overflow

Can I pass multiple checkbox checked with javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related