javascript - 如何将两个javascript函数与第三个函数与条件合并？

Question

我是 js 的初学者，我在合并两个函数时遇到了问题。我想用条件制作第三个功能，当标记复选框并标记 reCAPTCHA 时，才启用按钮。默认情况下，我将按钮设置为禁用。如下单个功能正在工作：

  function clauseValid(elem) { 
  document.getElementById("sendBtn").disabled = false;
  return true;
  };

  function captchaValid () {
  document.getElementById("sendBtn").disabled = false;
  return true;
  };


  <input type="checkbox" name="chkbx" id='#ID#' value="#seq_claim_id#"  onClick="clauseVlid(this)">

  <div class="g-recaptcha" data-sitekey="*****..." id="ckecCaptcha" type="checkbox" data-callback="captchaValid"></div>

我试着做这样的人，但它不起作用：

  function clauseValid(elem) {
      return true};

  function captchaValid() {
      return true};

  function CheckTest() {
   if (clauseValid(elem) && captchaValid()) {
       document.getElementById("sendBtn").disabled = false;
   }
 }

标签： javascripthtml

Answer 1

使用变量来跟踪每个条件的当前状态：

let isClauseValid, isCaptchaValid;

function clauseValid(elem) {
  isClauseValid = elem.checked;
  setButton();
}

function captchaValid() {
  isCaptchaValid = true;
  setButton();
}

function setButton() {
  document.getElementById("sendBtn").disabled = !isClauseValid || !isCaptchaValid;
}

注意：确保更正 HTMLonclick属性中的拼写错误。