无法检查正确的单选按钮值

时间:2014-07-04 09:44:21

标签: javascript jquery

我在这里有这个代码,但是我无法检查正确的单选按钮值..

这里是小提琴: http://jsfiddle.net/D75JQ/

以及代码:

jQuery(document).ready(function ($){
var programmerValue = $("#programmer-value input").val();

    $("#btn").on("click", function (){
        alert("ok");
        if (programmerValue == "Yes"){alert(programmerValue)}
        else if (programemrValue == "No"){alert(programmerValue)};
    });
});

感谢

4 个答案:

答案 0 :(得分:5)

在用户点击按钮之前你得到了programmerValue,当用户点击它时你应该得到它:

jQuery(document).ready(function ($){

    $("#btn").on("click", function (){
        var programmerValue = $("#programmer-value input:checked").val();
        alert("ok");
        if (programmerValue == "Yes"){alert(programmerValue)}
        else if (programmerValue == "No"){alert(programmerValue)};
    });
});

您也没有检索输入的选中值,因此默认采用第一个值。

答案 1 :(得分:2)

更改为:

<强> JS

jQuery(document).ready(function ($){   
    $("#btn").on("click", function (){
        var programmerValue = $("#programmer-value input:checked").val();
        alert(programmerValue);
    });
});

fiddle

答案 2 :(得分:0)

您不需要拥有ifelse语句,因为它只返回已检查的内容,您还需要:checked来获取单选按钮的值。我也进行了验证,如果未选中单选按钮,则返回Not checked

jQuery(document).ready(function ($){   
    $("#btn").on("click", function (){
        alert("ok");
        var programmerValue = $("#programmer-value input:checked").val();
        if (!programmerValue) {
        alert("Not checked");
        }
        alert(programmerValue);
    });
});

<强> JSFiddle

答案 3 :(得分:-1)

单击单选按钮

时设置programmerValue

$("input").click(function(){
programmerValue = $(this).val();
 });

Fiddle