Question

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

我希望无论何时改变它都能得到无线电的价值。

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

<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 获取单选按钮的价值

这是小提琴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");
    }
});

Answer 2

从单选按钮中删除样式后，尝试下面给出单选按钮值的代码

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

<script> $("input[name=link_type]").change(function () {
    alert(this.value);

});</script>

Answer 3

<form name="myForm">
           <input type="radio" name="weighttype" id="weighttype" onclick="Function()" value="1" checked ><i></i>KG
<input type="radio"  name="weighttype" id="weighttype" value="2" onclick="Function()" ><i></i>Lb's


        </form>

<script>
function Function(){
var wType = document.forms['myForm'].elements['weighttype'];
    var len = wType.length;
    var wTval="";
    for(var i=0; i<len; i++){
        if(wType[i].checked){
            wTval = wType[i].value;
alert(wTval)
        }
    }
    }
</script>

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

3 个答案: