Retrieving checkbox values with jQuery

Question

I have following HTML:

<input type="checkbox" value="1"  class="trchoose">
<input type="checkbox" value="1"  class="trchoose">
<input type="checkbox" value="1"  class="trchoose">
<input type="checkbox" value="1"  class="trchoose">

and following is my jQuery code:

jQuery('.trchoose').click(function() {
    alert('');
    res= jQuery(this).attr('class');
    alert(res);
});

Now I need to get value of the particular checkbox which was clicked. The above code of jQuery is not working.

What am I doing wrong?

To get the value use this.value or $(this).val() plus you're missing var — elclanrs
– elclanrs, Commented Oct 1, 2012 at 4:11

Jashwant · Accepted Answer · 2012-10-01 04:13:41Z

1

jQuery('.trchoose').click(function() {
    alert('');
    var res= this.value; // or jQuery(this).val() for jQuery version, but overhead.
    alert(res);
});

I assume that res is not a global variable.

answered Oct 1, 2012 at 4:13

Jashwant

29.2k16 gold badges76 silver badges110 bronze badges

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

Comments

HungryCoder · Accepted Answer · 2012-10-01 04:13:21Z

1

It's simple.

<input type="checkbox" value="1"  class="trchoose">
<input type="checkbox" value="2"  class="trchoose">
<input type="checkbox" value="3"  class="trchoose">
<input type="checkbox" value="4"  class="trchoose">

Please check, your second checkbox is not closed!

jQuery(document).ready(function(){
  $('.trchoose').click(function() {
    alert($(this).val());
  });
})

answered Oct 1, 2012 at 4:13

HungryCoder

7,6161 gold badge41 silver badges52 bronze badges

Comments

Danil Speransky · Accepted Answer · 2012-10-01 04:12:31Z

0

Demo: http://jsfiddle.net/32VQ8/

jQuery(document).ready(function ($) {
  $('.trchoose').click(function() {
    alert($(this).val());
  });
});

answered Oct 1, 2012 at 4:12

Danil Speransky

30.5k6 gold badges70 silver badges78 bronze badges

Comments

Blender · Accepted Answer · 2012-10-01 04:12:31Z

0

Something like this should work:

$('.trchoose').on('change', function() {
    var value = $(this).val();
});

Demo: http://jsfiddle.net/Blender/S4RVC/

answered Oct 1, 2012 at 4:12

Blender

300k55 gold badges462 silver badges511 bronze badges

1 Comment

ahren Over a year ago

yes, either one works, but this.value is 85% faster

Habibillah · Accepted Answer · 2012-10-01 04:12:57Z

0

try this:

jQuery('.trchoose').click(function() {
    alert('');
    var res= jQuery(this).val();
    alert(res);
});

answered Oct 1, 2012 at 4:12

Habibillah

28.8k5 gold badges40 silver badges59 bronze badges

Comments

Database_Query · Accepted Answer · 2012-10-01 04:14:23Z

0

try this

function countChecked() {
  var n = $("input:checked").val();
     alert(n);
}
countChecked();
$(":checkbox").click(countChecked);

answered Oct 1, 2012 at 4:14

Database_Query

6444 silver badges14 bronze badges

Comments

Usman · Accepted Answer · 2012-10-01 04:20:25Z

0

try this..

jQuery('.trchoose').click(function() {
         alert(jQuery(this).val());
});

Fiddle is here

answered Oct 1, 2012 at 4:20

Usman

3,2883 gold badges31 silver badges50 bronze badges

Comments

webo · Accepted Answer · 2012-10-01 04:59:00Z

0

If the HTML is being inserted into the DOM, you should use .on()

$('.trchoose').on('click', function() {
    alert($(this).val());
});

answered Oct 1, 2012 at 4:59

webo

1338 bronze badges

Collectives™ on Stack Overflow

Retrieving checkbox values with jQuery

8 Answers 8

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related