Question

我有四个复选框，我希望用户应该修改一个复选框以提交表单。请参阅我的复选框html以供参考。

<asp:CheckBox ID="chkCropLoan" runat="server" CssClass="check" onclick="javascript:enableTextBox();" />

<asp:CheckBox ID="chkInvestmentLoan" runat="server" CssClass="check" OnChange="javascript:enableTextBox();" />

如果我可以在按钮点击事件的jquery中执行此操作，请告诉我。另请参阅我的按钮html代码

<asp:Button ID="btnSubmit" runat="server" Text="Submit" CssClass="button-form" Width="100" OnClick="btnSubmit_Click"  CausesValidation="true"/>

Answer 1

是的，您可以通过点击按钮实现此目的。

javascript代码：

function validateChecked() {
    var cnt = $('.check').is(':checked').length;
    if (cnt > 0) {
        // do something
    } else {
        // do something else
    }
};

html代码：

<div>
    <input type="checkbox" class="clcheck" value="One" />
    <input type="checkbox" class="clcheck" value="Two" />
    <input type="button" value="click me" onclick="validateChecked();" />
</div>

如果您有任何问题，请与我们联系。

Answer 2

使用以下代码：

function enableTextBox(){
 if($(".check:checked").length == 0)
 {
   alert('please check atleast one checkbox');
   return false;
 }
 return true;
}

并像onclick="return javascript:enableTextBox();"

一样使用它

Answer 3

您可以查看功能validate_checkbox

中选中的复选框的数量

$(function(){
  validate_checkbox = function(){
    if($('.check:checked').length==0)
    {
                // validation failed
      alert('please check atleast one checkbox');
      return false;
    }
    else
    {
      // validation success
      return true;
    }
  }
});

Demo

Answer 4

如果您想强制用户选择特定的复选框，可以这样做 <input required type="checkbox" name="chk_mand">

在jquery中的四个复选框中强制选中一个复选框

4 个答案: