Get value of input in jQuery

Question

I want to redirect to another page when a checkbox is clicked.

<script type="text/javascript"><!--
$(document).ready(function(){
    jQuery(".cbno").click(function(e){
        e.preventDefault();
        alert('test');
        alert(this.val());
//      window.location = this.val();
    });
});
//-->
</script>

<input type="checkbox" class="cbno" name="content" value="/map/?filter=all" />

Pretty simple - but I cannot figure out why the second alert does not produce any output? Internet Explorer says: "The object does not support the method val".

It works if I use this.getAttribute('value') - why does it not work with the jquery val()?

mini · Accepted Answer · 2012-04-07 10:41:51Z

4

use

alert(jQuery(this).val());

answered Apr 7, 2012 at 10:41

mini

5453 silver badges8 bronze badges

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

Comments

mplungjan · Accepted Answer · 2012-04-07 10:41:09Z

2

Any of $(this).val() or $(this).attr("value") or this.getAttriute("value") or this.value will work

Please be consistent on $ () and jQuery()

<script type="text/javascript"><!--
$(document).ready(function(){
    $(".cbno").click(function(e){
        e.preventDefault();
        window.location = $(this).val();
    });
});
//-->
</script>

<input type="checkbox" class="cbno" name="content" value="/map/?filter=all" />

answered Apr 7, 2012 at 10:41

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Comments

mpm · Accepted Answer · 2012-04-07 10:40:09Z

1

because this is not a jQuery object. you need to use $(this).val();

answered Apr 7, 2012 at 10:40

mpm

20.2k7 gold badges52 silver badges56 bronze badges

Comments

Sarfraz · Accepted Answer · 2012-04-07 10:40:22Z

0

Change:

alert(this.val());

To:

alert($(this).val());

$(this) refers to checkbox you are after.

You can also simply use:

this.value

So you can modify your code like this:

$(document).ready(function(){
    jQuery(".cbno").click(function(e){
        e.preventDefault();
        alert(this.value);
        //window.location = this.value;
    });
});

answered Apr 7, 2012 at 10:40

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Comments

Flops · Accepted Answer · 2012-04-07 10:40:53Z

0

$(document).ready(function(){
    jQuery(".cbno").click(function(e){
        e.preventDefault();
        alert('test');
        alert( $(this).val());
//      window.location = $(this).val();
    });
});

this in events function is a link to the DOM element, so you should create a jQuery object with it`s methods to take them

answered Apr 7, 2012 at 10:40

Flops

1,42015 silver badges18 bronze badges

Collectives™ on Stack Overflow

Get value of input in jQuery

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related