Button value is empty when use jquery selector

Question

i am trying to select value for the selected button like the following :

html code :

<div class="span3">
            <div>DEBIT/CREDIT</div>
            <div class="btn-group" data-toggle="buttons-radio" id="investadjust-debitcredit-button">
                <button name="debitCredit" type="button" id="credit-button" class="btn active" value="CREDIT" >CREDIT</button>
                <button name="debitCredit" type="button" id="debi-button" class="btn" value="DEBIT" >DEBIT</button>
            </div>
        </div>

javascript code :

$("#investadjust-debitcredit-button>.active").val()

but i get only empty when i printed the above line after selecting one button.

what could be the reason.

Try encasing your code inside DOM Ready handler .. $(function() { // your code }); — Sushanth --
– Sushanth --, Commented Aug 10, 2013 at 7:10
Otherwise it works perfectly fine ..jsfiddle.net/sushanth009/g6YTd/2 — Sushanth --
– Sushanth --, Commented Aug 10, 2013 at 7:11
If the js code appers after that html there is no reason to use document.ready — Royi Namir
– Royi Namir, Commented Aug 10, 2013 at 7:15
i am using backbone, i am able to get other elements value but not able to get only the above field's value. — Java Questions
– Java Questions, Commented Aug 10, 2013 at 7:16
are you sure that the value of active button is not null just when you select it? — Hanfeng
– Hanfeng, Commented Aug 10, 2013 at 7:27

Lab · Accepted Answer · 2013-08-10 07:12:57Z

2

you need to place your code in

$(document).ready(function(){
// your jquery code
});

answered Aug 10, 2013 at 7:12

Lab

1,0638 silver badges10 bronze badges

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

Comments

Surekha · Accepted Answer · 2013-08-10 08:50:38Z

1

As neo said you need to place your code in document ready function and use the class name of the button without spaces or you can add underscore between the words as well like this:

<button name="debitCredit" type="button" id="credit-button" class="btn_active" value="CREDIT" >CREDIT</button>

So, the code goes like:

$(document).ready(function(){
   alert("value "+$("#investadjust-debitcredit-button>.btn_active").val());
});

Good Luck!

answered Aug 10, 2013 at 8:50

Surekha

736 bronze badges

Collectives™ on Stack Overflow

Button value is empty when use jquery selector

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related