Question

我想检查是否有任何单选按钮被选中，如果没有选择打印一些警告信息。

html代码是：

<form action="" id="form" name="form" method="post">
<input type="radio" id="form_rd" name="form_rd" value="1"> 1
<input type="radio" id="form_rd" name="form_rd" value="2"> 2
<input type="radio" id="form_rd" name="form_rd" value="3"> 3
<button type="submit">send</button>
</form>

我正在使用Jquery进行检查：

$("form#form").submit(function() {
if (!$("#form_rd").attr('checked')) {alert("not checked");return false;}
})

此jquery代码无效。这个单选按钮检查有什么更好的解决方案？

Answer 1

我无法强调 ID 必须是唯一的！因此，将id="form_rd"更改为（例如）class="form_rd"。但是，请保留name，因为如果您更改了此请求，接收端也不会喜欢该请求。

尝试

$("form#form").submit(function() {
    if ($("#form :radio:checked").length == 0) {
        alert("not checked");
        return false;
    }
});

如果您有多个组，则会失败。你需要一个解决方案吗？

Jquery单选按钮检查

1 个答案: