选择按钮时,值变为空

时间:2013-08-10 08:46:21

标签: javascript jquery html

我的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()

当我加载页面本身时,值为空value,因为这样我无法获得所选按钮的值。

如何解决这个问题。

2 个答案:

答案 0 :(得分:2)

首先,我不认为在Button或Input元素之间切换会有所帮助。 jQuery完全独立于

好吧,你还没有提到你的javascript,但你可以使用以下代码来获取Selected按钮值: -

$(".active", $(".btn-group")).val()

尝试提醒上面的句子,你会找到你想要的

答案 1 :(得分:0)

使用输入,而不是按钮。

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