javascript - 单选按钮 OnChange 事件未触发 - BootStrap3

Question

我在 BootStrap 中有这些单选按钮。

我想在 Radio 发生变化时获取它的值。

请不要链接到没有发布的其他问题，我已经检查了所有问题，但对我不起作用

<input id="link_type_option1" name="link_type" class="radio" type="radio" value="E" style="position: absolute; opacity: 0;">
<input id="link_type_option2" name="link_type" class="radio" type="radio" value="A" style="position: absolute; opacity: 0;">

Jquery

    $("input[name=link_type]").change(function () {
        console.log("hello");

    });

我也试过

"input[name=link_type]:radio"

但我可以通过以下方式轻松获取页面加载时的 Checked 值

if ($("input[name=link_type]:checked").val() == "A") {
    console.log("Yes it is Article type")
}

编辑

如果我删除 class="radio" 然后 OnChange 工作正常但我没有得到我的单选按钮作为 Forms.Less 呈现

Answer 1

我可以轻松地从您的代码中触发单选按钮的 OnChange 事件。

我所做的:从样式中删除位置和不透明度，使其可见。

并且可以通过this.value

获取单选按钮的值

这是 fiddle http://jsfiddle.net/78mpxr5L/2/

HTML

<input id="link_type_option1" name="link_type" class="radio" type="radio" value="E"> Lable E

<input id="link_type_option2" name="link_type" class="radio" type="radio" value="A"> Lable A

JS

$("input[name=link_type]").change(function () {
    alert(this.value);
    if(this.value == "A")
    {
        alert("Yes it A");
    }
    else
    {
        alert("Yes it E");
    }
});