jQuery get the input value in an .each loop

Question

I am trying to get the input value in an each loop of a checkbox, i cant figure out how to get this to work, the value keeps outputting as the first checkbox value.

$('.custemb, input[name=cb], input[class=multadd]').live("click", function() {

    $('input[class=multadd]:checked').each(function(index) {
        val = index + 2;
        valu = $('input[class=multadd]:checked').val();
        multiz = multiz + '&aid' + val + '=' + valu;
    });
});

the problem is the output of the variable valu is the first checkbox of the overall each loop, not the current checkbox of the loop, i need the current value.

Any ideas?

Guffa · Accepted Answer · 2012-05-19 20:30:41Z

52

You can use this to access the current element in the loop:

valu = $(this).val();

The current element is also sent as a parameter to the callback function, so you can pick it up:

.each(function(index, elem) {

Then use the parameter:

valu = $(elem).val();

answered May 19, 2012 at 20:30

Guffa

703k111 gold badges760 silver badges1k bronze badges

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

8 Comments

andres.gtz Over a year ago

I would like to ask why do I have to use the selector on "elem" to access to the value if "elem" is already the input element? Thanks

Guffa Over a year ago

@mkmnstr: Because elem is the element, not a jQuery object for the element. The $() function takes different kinds of parameters, not only selectors. If you send in an element it will simply create a jQuery object containing that element. The call $(this) in the first example uses the function in the same way.

andres.gtz Over a year ago

thank you for the explanation, is all clear now! Cheers!

Compaq LE2202x Over a year ago

@Guffa What if one of the elements is a radio, using .each(function(index, elem) { how do I get the selected radio using elem object?

Guffa Over a year ago

@CompaqLE2202x: You can use $(elem).is(':radio') to check if the element is a radio button, and $(elem).is(':checked') to check if it is selected. You can combine them as $(elem).is(':radio:checked').

|

Kyle Macey · Accepted Answer · 2012-05-19 20:30:32Z

5

$('.custemb, input[name=cb], input[class=multadd]').live("click", function() {

    $('input[class=multadd]:checked').each(function(index) {
        var $this = $(this);
        val = index + 2;
        valu = $this.val();
        multiz = multiz + '&aid' + val + '=' + valu;
    });
});

answered May 19, 2012 at 20:30

Kyle Macey

8,1543 gold badges40 silver badges78 bronze badges

3 Comments

user57508 Over a year ago

.each() offers a second parameter element which is an alternative to this

Kyle Macey Over a year ago

@AndreasNiedermair which would probably save one lookup and microincrease performance. Good call, mate

user57508 Over a year ago

you didn't get it ... using the second parameter you can (in other scenarious) extract the method for the each-iteration and therefore maybe create a magically reusage scenario ...

ivarni · Accepted Answer · 2015-09-17 08:24:17Z

5

var texts= $(".class_name").map(function() {
    return $(this).val();         
}).get();

edited Sep 17, 2015 at 8:24

ivarni

17.9k17 gold badges79 silver badges94 bronze badges

answered Sep 17, 2015 at 8:23

sadam

511 silver badge1 bronze badge

1 Comment

Kivylius Over a year ago

why the need of the .get() ? its a AJAX function.

web_bod · Accepted Answer · 2012-05-19 20:32:12Z

3

Use this to find the control that was clicked

$('input[class=multadd]:checked').each(function(index) {
        val = index + 2;
        valu = $(this).val();
        multiz = multiz + '&aid' + val + '=' + valu;
    });

answered May 19, 2012 at 20:32

web_bod

5,7681 gold badge19 silver badges25 bronze badges

Collectives™ on Stack Overflow

jQuery get the input value in an .each loop

4 Answers 4

8 Comments

3 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

8 Comments

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related