jQuery单选按钮检查操作不会触发

时间:2014-11-04 23:49:07

标签: javascript jquery html forms

我有以下jquery代码:

$("input[name=weight_goal_type]:radio").click(function () {
    alert('it worked');
});

我也尝试过:

$("input[name=weight_goal_type]:radio").change(function () {
    alert('it worked');
});

我也尝试过:

$("#id_weight_goal_type_1").change(function () {
        alert('it worked');
    });

我的广播组看起来像这样:

<li>
    <div class="goal_left_box">
        <div class="dc_box_input">
        <input checked="checked" class="rd-input" id="id_weight_goal_type_0" name="weight_goal_type" type="radio" value="0" />
            <input type="radio" class="rd_input" name="name-a1">
            <span></span>
        </div>
        Maintain Weight
     </div>  

    <div class="cl"></div>
</li>

<li>
    <div class="goal_left_box">
        <div class="dc_box_input">
        <input class="rd-input" id="id_weight_goal_type_1" name="weight_goal_type" type="radio" value="1" />
            <input type="radio" class="rd_input" name="name-a1">
            <span></span>
        </div>
        Lose Weight
     </div>  

    <div class="right_select prst_box wight_box">
        <label>Pounds Per Week</label>
        <div class="prst_box_input">
        <input class="wight" id="id_weight_change_increment" name="weight_change_increment" step="0.01" type="number" value="0.00" />  lbs
        </div>
    </div>

    <div class="cl"></div>
</li>

这是一个小提琴.. http://jsfiddle.net/4naznyu3/

我不知道为什么这不会开火。我做错了什么?

1 个答案:

答案 0 :(得分:0)

问题是我的html被打破了,因为Noah Huppert指出。