jquery - 从 jquery 表单中仅获取可见的单选按钮

Question

我有一个表单，其中有很多可见和隐藏的单选按钮。我只需要获取可见的单选按钮并进行一些操作。我正在尝试下面的代码。但它不起作用。有人可以帮我吗？

$('#submitbutton').click(function () {
    var returnVal = true;
    $.each($('.input-container[data-validation=required]'), function (idx, group) {
        $(group).next('ul.innererrormessages').remove();
        var unchecked = $(group).find(':radio').filter(':visible');
        if (!unchecked.is(':checked')) {
            var title = unchecked.attr('title');
            $(group).after('<ul class="innererrormessages"><li>' + title + '</li></ul>');
            returnVal = false;
        }
    });
});

一组有 4-5 个单选按钮。我需要检查组中的任何单选按钮是否已选中。所以我不确定上面的代码是否真的在检查组中的任何一个单选按钮是否被选中。因为即使所有单选按钮检查后，其 returnVal 为 false。如果我尝试警告 returnVal，首先它会给出 true，然后它会给出所有 false。

Answer 1

您可以只创建一个选择器并跳过 if :checked 语句

var unchecked = $(group).find(':radio:checked:visible');

现在，无需运行 if 循环，只需对它们运行 each 迭代并进行操作。