使用jquery选择器时,按钮值为空

时间:2013-08-10 07:06:35

标签: javascript jquery jquery-selectors

我正在尝试为所选按钮选择值,如下所示:

html代码:

<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代码:

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

但是当我选择一个按钮后打印上面一行时,我只得到empty

可能是什么原因。

2 个答案:

答案 0 :(得分:2)

您需要将代码放在

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

答案 1 :(得分:1)

正如neo所说,您需要将代码放在文档就绪函数中并使用按钮的类名而不用空格,或者您可以在单词之间添加下划线,如下所示:

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

所以,代码如下:

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

祝你好运!