multiple select checkbox in jquery

Question

I want to show the multiple value of checkbox in a div or textbox.

function countChecked() {
    var n = $("input:checked").val();
    $("div").text(n + (n === 1 ? " is" : " are") + " checked!");
}
countChecked();
$(":checkbox").click(countChecked);

Ram · Accepted Answer · 2012-07-19 10:41:36Z

2

try this:

function countChecked() {
  var n = 0;
  $(":checkbox:checked").each(function(){
     n += parseInt(this.value, 10)
  })
  $("div").text(n + (n === 1 ? " is" : " are") + " checked!");
}

edited Jul 19, 2012 at 10:41

answered Jul 19, 2012 at 8:58

Ram

145k16 gold badges174 silver badges201 bronze badges

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

1 Comment

user1537326 Over a year ago

this output length .. i want value.

Blair · Accepted Answer · 2013-01-11 23:15:18Z

0

function countChecked() {
    var n= "";
    $("input[type=checkbox]:checked").each(function(){
        n += $(this).val() + " ";
    });
    $("#change").text(n);
}
countChecked();
$(":checkbox").click(countChecked);

edited Jan 11, 2013 at 23:15

Blair

15.9k7 gold badges48 silver badges56 bronze badges

answered Jul 19, 2012 at 10:38

user1537326

1 Comment

Till Helge Over a year ago

You should add some kind of explanation of what you did there to improve his code. This site is about learning, not just about solutions. :)

Collectives™ on Stack Overflow

multiple select checkbox in jquery

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related