jquery、单选按钮、验证和索引问题

Question

我有一组名称为“rb_Select”的单选按钮。

我添加了一个简单的单选按钮验证以确保至少选择了 1 个单选按钮，但我现在看到我的语法是我的 javascript 函数编写不正确。

基本上，我要检查的是 if else 语句中的真/假值。但是，我意识到如果没有选择单选按钮，那么我会得到多个错误值。假设我有 8 个单选按钮，我在调试时会收到 8 个警报窗口。

如果我选择 1 个单选按钮，那么我得到一个真和 7 个假。但这不是我想要的。

我想要的是 1 真，没有假。我不确定语法应该是什么。我显然做错了什么。

这里是提交函数：

var $ = jQuery;

$("#pError").hide();
$("#LocInfo").hide();

$(".submit-button").click(function() {

    var rb = document.getElementsByName('rb_Select');

    for (var i = 0; i < rb.length; i++)
    {
        if (rb[i].checked == true)
        {

        alert('Value=' + rb[i].value + 'TRUE');
        var myURL = rb[i].value;
        window.open(myURL);


        } else {

        alert('Value=' + rb[i].value + 'False');

        $("#pError").fadeIn();
        var fade_out = function() { $("#pError").fadeOut(); }
            setTimeout(fade_out, 3000);
        };

    }
});

Answer 1

您可以将选择器input[type='radio'][name='rb_Select']:checked 与length 方法一起使用来查看是否选择了收音机。

试试这个：

  var $ = jQuery;

    $("#pError").hide();
    $("#LocInfo").hide();

    $(".submit-button").click(function() {

        var radios = $("input[type='radio'][name='rb_Select']:checked");
        if(radios.length > 0){
            alert('Value=' + radios.val() + 'TRUE');
            window.open(radios.val());
        }       else{

            alert('Value=' + radios.val()+ 'False');

            $("#pError").fadeIn();
            var fade_out = function() { $("#pError").fadeOut(); }
                setTimeout(fade_out, 3000);
            };
        }
    });