Using Javascript to get value from input

Question

my html code:

<li id='category-10'>
<label class="selectit">
<input value="10" type="checkbox" name="post_category[]" id="in-category-10" /> Developmental
</label>
</li>

my javascript code:

function onCategoryClick() {
 $(".selectit").click(function(e){
    var categoryValue = $(e.target).text();
    alert("The value is " + categoryValue);
 });
}

This returns me the string "The value is Developmental" but what I want is "The value is 10" I'm new to Javascript, how would I go about targeting the value field in the input, instead of the text?

I've also tried

var categoryValue = $(e.target > input).value;

But this doesn't return anything.

Sushanth -- · Accepted Answer · 2013-08-01 23:34:17Z

1

Instead of

$(e.target).text();

try

$(this).find('#in-category-10').val();

Here e.target corresponds to the label . And it has text 'Developmental' and also a nested input element. So you need to use find to access it. (If there is no id)

But ID is supposed to be unique on the page. So to access the element you can directly used the id selector

var categoryValue = $('#in-category-10').val();

And remember that input has no text property. Need to use the val method

edited Aug 1, 2013 at 23:34

answered Aug 1, 2013 at 23:29

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

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

3 Comments

crusarovid Over a year ago

Thanks @Sushanth! Using .val(); did the trick! However the reason i'm using $(e.target) is because I have many list items with different id's, <li id='category-1'>, <li id='category-2'> <li id='category-3'> etc. I want to write one script that handles them all, regardless of which checkbox you click, it will return saying "The value is .." and then whatever the value of that checkbox is.

Sushanth -- Over a year ago

@crusarovid.. Glad to have helped :)

Sushanth -- Over a year ago

You can avoid use this instead e.target .. This should be good enough

$(".selectit").click(function(e){     var categoryValue = $(this).find('input').val();     alert("The value is " + categoryValue);  });

.. This will work for the markup that you were referring to

Collectives™ on Stack Overflow

Using Javascript to get value from input

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related