Question

我正在主页的内容页面中取一个复选框列表，通过该列表我可以选择多个值并保存在数据库中。如何确认在单击提交按钮时选中的最小复选框之一。

Answer 1

你可以这样做。

在JavaScript中，无论是控件还是内容页面或母版页都无关紧要

<asp:CheckBoxList ID="chkModuleList"runat="server" />

<asp:CustomValidator runat="server" ID="cvmodulelist"
  ClientValidationFunction="ValidateModuleList"
  ErrorMessage="Please Select Atleast one Module" />

// javascript to add to your aspx page
function ValidateModuleList(source, args)
{
  var chkListModules= document.getElementById ('<%= chkModuleList.ClientID %>');
  var chkListinputs = chkListModules.getElementsByTagName("input");
  for (var i=0;i<chkListinputs .length;i++)
  {
    if (chkListinputs [i].checked)
    {
      args.IsValid = true;
      return;
    }
  }
  args.IsValid = false;
}

<强>更新或者您可以采用这种方法：将任何css-class说company。你可以在下面看看。

您可以使用:checked（http://api.jquery.com/checked-selector/）选择器：

<script>
    $(document).ready(function() {
        $(".company input").click(function() {
            var cnt = $(".company input:checked").length;
            if (cnt == 0)
            {
               // none checked
            }
            else
            {
               // any checked
            }
        });
    });
</script>

您可能希望在这些复选框的容器上添加（或使用）ID，以优化选择器的速度。

至于asp.net搞乱控件上的客户端ID，你可以使用

$('<%= MyControl.ClientID %>')

参考文献：

Answer 2

Dado.Validators，GitHub上的一个库，处理得非常好。

<asp:CheckBoxList ID="cblCheckBoxList" runat="server">
    <asp:ListItem Text="Check Box (empty)" Value="" />
    <asp:ListItem Text="Check Box 1" Value="1" />
    <asp:ListItem Text="Check Box 2" Value="2" />
    <asp:ListItem Text="Check Box 3" Value="3" />
</asp:CheckBoxList>

<Dado:RequiredFieldValidator runat="server" ControlToValidate="cblCheckBoxList" ValidationGroup="vlgSubmit" />

示例codebehind.aspx.cs

btnSubmit.Click += (a, b) =>
{
    Page.Validate("vlgSubmit");
    if (Page.IsValid) {
        // Validation Successful
    }
};

https://www.nuget.org/packages/Dado.Validators/

如何验证内容页面中的复选框列表？

2 个答案: