使用jQuery获取动态单选按钮的价值

Question

我害怕,我几乎是一个完全jquery noob!我确信这是一件非常简单的事情,但我似乎无法解决这个问题.

我正试图获得一个动态的,选定的单选按钮的值.

HTML ...

<div id="holder" class="">
<table id="qual-holder" class="table table-striped qual-table">
    <thead>
        <tr>
            <th>Sector</th>
            <th>Qualification Title</th>
            <th>Cost</th>
            <th>Confirm</th>
        </tr>
    </thead>
    <tr class="sector_qual">
        <td>OM207</td>
        <td>Diploma in Children and Young People's Workforce Level 3</td>
        <td>0</td>
        <td>
            <input name="qualification" id="28" type="radio" value="28" class="">
        </td>
    </tr>
    <tr class="sector_qual">
        <td>OM207</td>
        <td>Diploma in Children and Young People's Workforce</td>
        <td>0</td>
        <td>
            <input name="qualification" id="29" type="radio" value="29" class="">
        </td>
    </tr>
    <tbody id="sector_quals"></tbody>
</table>
<div class="control-group spacing-top">
    <label for="loan_value" class="control-label required">Amount to Borrow</label>
    <div class="controls">
        <div class="input-prepend"> <span class="add-on"><i class="icon-gbp"></i></span>

            <input class="input-small" placeholder="" name="loan_value" type="text" value="" id="loan_value">
        </div>
    </div>
</div>

而我的(垃圾)jQuery ......

function updateAmount() {
    var selectedValue = "";
    var selected = $("input:radio[name='qualification']:checked");
    if (selected.length > 0) {
        selectedValue = selected.val();
        alert('The radio button has been selected and the value is.' + selectedValue);
    }

}

updateAmount();

有人可以告诉我我做错了什么吗？

谢谢

Answer 1

您过早地调用updateAmount,绑定click事件并将回调设置为updateAmount,或将change事件视为烘焙提及,因为仅当实际选择已更改而不是仅单击时才会触发事件.

jQuery(document).on("click",'input:radio[name=qualification]',updateAmount);

该.on功能使得当前的单选按钮和任何新的单选按钮的click事件被触发

jQuery .on参考

jQuery click参考

jQuery change参考