JQuery - 至少检查了一个复选框

Question

我正在学习JQuery，这主要归功于Stack Overflow上的积极参考。 我需要一个函数来检查元素中具有相同CSS类的所有复选框。 如果至少检查其中一个，则应返回true。 元素中还有其他与检查无关的框。

CSS类是不必要的，仅用于创建识别组中复选框的方法。 这感觉就像是不好的做法，因此欢迎任何有关识别它们的其他方法的建议。

Answer 1

要检查是否至少检查了一个：

 $(".classname:checked", container).length > 0

“container”是（可选的）容器元素。

如果您想避免使用类名进行分组，您应该只为每个复选框指定相同的名称：

<input type="checkbox" name="group1" value="1" />
<input type="checkbox" name="group1" value="2" />
<input type="checkbox" name="group1" value="3" />

然后，您可以将测试代码更改为：

 $("[name=group1]:checked").length > 0

Answer 2

由于页面布局，单选按钮列表不是一个选项。 我用自定义验证器解决了它。

将此JavaScript函数添加到页面

function ValidateDDA(s, a) {
    a.IsValid = ($(".chk:checked", $('parentDiv')).length > 0);
}

然后在页面中添加CustomValidator

<asp:CustomValidator runat="server" ID="cvDDLCorrect" ClientValidationFunction="ValidateDDA"
ErrorMessage="No hay resuesta correcta" CssClass="error" />

奇迹般有效。 谢谢你的建议。