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

Question

我正在尝试为所选按钮选择值，如下所示：

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在选择一个按钮后打印上述行时才会得到。

可能是什么原因。

Answer 1

您需要将代码放入

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

Answer 2

正如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());
});

祝你好运！