javascript - 检查是否进行了 radio 选择

Question

我无法检查我的表单中是否未进行单选选择。在我的表单中，我有 5 个项目，每个项目都有 2 个选项(单选按钮)。像这样的事情:

item 1    opt1   opt2   (name attribute is "1")
item 2    opt1   opt2   (name attribute is "2")
item 3    opt1   opt2
item 4    opt1   opt2
item 5    opt1   opt2

我为所有输入单选按钮指定了相同的类名称，因为项目是动态生成的，输入的名称属性也是如此。这是我检查每个项目的代码:

$(document).ready(
    function(){
        $('#submit').click(function(){
                var buttons = document.getElementsByClassName('radio_class');
                var radio_num = buttons.length; //which returns 10 in this case
                var error = "";
                for (var i=0; i<radio_num; i=i+2){
                    var radio_name = buttons[i].getAttribute("name");
                    if (!$("input[@name=radio_name]:checked").val()) {
                        error += radio_name + " ";
                    }
                }
                if (error !== "") {
                    alert (error+"not checked!");
                    return false;
                }
                else {
                    alert ("All the items have been checked.")
                }
            }
        );
    }
);

如果未检查所有五个项目，则会警告正确的消息“1 2 3 4 5 未检查”，但是，如果我只检查一项，则会显示消息“所有项目均已检查”。将会收到警报。谁能帮我这个？谢谢。

Answer 1

你写的地方

if (!$("input[@name=radio_name]:checked").val()) {
    error += radio_name + " ";
}

尝试一下

if (!$("input[name='"+radio_name+"']:checked").val()) {
    error += radio_name + " ";
}