javascript - 如何添加/修改现有的 jquery 功能

Question

我正在尝试基于复选框禁用/启用按钮，但我无法做到这一点。这是我处理的示例。对于启用和禁用，必须使用不同的按钮。

function toggleContinue() {
  $(document).ready(function() {    
        $("#swpRequired").click(function() {
              $("input,select").change(function() {
                $("#disableContinue").attr("style", "display:inline-block");
                $("#continueButton").attr("style", "display:none");
              });
         });

         $("#swpRequired").click(function() {
              $("input,select").change(function() {
                 $("#disableContinue").attr("style", "display:none");
                 $("#continueButton").attr("style", "display:inline-block;");
               });
          });
    });
 }

标签： javascriptjquery

Answer 1

您可以使用attr()基于复选框的值禁用/启用按钮：

$(document).ready(function() {
  $("#swpRequired").click(function() {
      $("#continueButton").attr("disabled", this.checked);
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="checkbox" id="swpRequired" />
<button id="continueButton">continue</button>