如何在jquery中取消选中或未选中复选框时禁用控件？

Question

我有以下html

<form>
  <p>
    <input type="checkbox" name="[1]option" value="Hourly" >
    <input type="checkbox" name="[2]option" value="Daily">
    <input type="checkbox" name="[3]option" value="Weekly">
    <input type="checkbox" name="[4]option" value="Monthly">
    <input type="checkbox" name="[5]option" value="Yearly">
  </p>

   <p>
    <input type="checkbox" name="cheque" value="cheque" disabled>
    <input type="checkbox" name="Online" value="Online" disabled>
    <input type="text" name="Accountnumber" id="generate" disabled>
  </p>
</form>

我试过这个

<script type="text/javascript">
     $("input:checkbox").on('click', function () {
         $('#generate').prop('disabled', false);
         $("input").prop('disabled', false);
     });
</script>

有效。但是，如果取消选中所有复选框，则控件不会被禁用。 我的要求是，如果只选中任何复选框，控件应该启用。任何帮助非常感谢。

Answer 1

您可以使用:checked选择器和length属性。我还建议使用change事件。

$("input:checkbox").on('change', function () {
    var status = $("input:checkbox:checked").length; // $("input:checkbox").is(":checked")
    $('#generate').prop('disabled', status);
});