如果语句检查两个输入，则选中一个复选框，并且输入的值在最大长度 [closed]-解网

问：

这个问题是由一个错别字或一个无法再重现的问题引起的。虽然类似的问题可能在这里成为主题，但这个问题的解决方式不太可能帮助未来的读者。

2个月前关闭。

改进此问题

我在 html 和 JavaScript 中有两个输入，我正在尝试编写一个函数来检查两个输入以显示按钮。用户需要输入 7 个文本并选中该框才能显示按钮。

$(document).on("input", "#activationCode", function(e) {
  e.preventDefault();
  //Only enable button if the activation code is 7 characters
  let checkbox = document.getElementById("checkbox");
  if ($(this).val().length == 7 && checkbox.checked) {
    $('.kit-activation-button').attr('disabled', false);
  } else {
    $('.kit-activation-button').attr('disabled', true);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="activationCode" name="code" class="form-control required" required aria-required="true" maxlength="7">

<input type="checkbox" id="checkbox" />

<button type="submit" class=" btn btn-primary" id="Button" disabled>submit</button>

我试过了这个，但是当您输入 7 个字符并选中该框时，我仍然无法让禁用属性消失。

JavaScript HTML jQuery IF-语句前端

function enableDisableSubmit() {
  let checkbox = $("#activation-pwn-check");
  let textfield = $("#activationCode");
  $('#kit-activation-button').attr('disabled', !(checkbox.prop('checked') && textfield.val().length == 7));
}

$(document).on("input", "#activationCode", enableDisableSubmit);

$(document).on("change", "#activation-pwn-check", enableDisableSubmit);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="activationCode" name="code" class="form-control required" required aria-required="true" maxlength="7">

<input type="checkbox" id="activation-pwn-check" />

<button type="submit" class=" btn btn-primary" id="kit-activation-button" disabled>submit</button>

$(document).on("input", "#activationCode", function(e) {
  e.preventDefault();
  if ($(this).val().length == 7 && $("#checkbox").is(":checked")) {
    $('.kit-activation-button').attr('disabled', false);
  } else {
    $('.kit-activation-button').attr('disabled', true);
  }
});

$(document).on('click', "#checkbox", function() {
  if ($("#activationCode").val().length == 7 && $("#checkbox").is(":checked")) {
    $('.kit-activation-button').attr('disabled', false);
  } else {
    $('.kit-activation-button').attr('disabled', true);
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="activationCode" name="code" class="form-control required" required aria-required="true" maxlength="7">

<input type="checkbox" id="checkbox" />

<button type="submit" class="kit-activation-button btn btn-primary" id="Button" disabled>submit</button>

简化版本为：

$(document).on("input", "#activationCode", function() {
  checkInput();
}).on('click', "#checkbox", function() {
  checkInput();
});


function checkInput(){
  $('.kit-activation-button').attr('disabled', 
  ($("#activationCode").val().length == 7 
     && $("#checkbox").is(":checked")) ? false : true);
}

上一个：我的布尔表达式计算不正确，需要帮助在我的代码中找到疏忽 [duplicate]

下一个：如何使用 if /else 或 swtich/case 条件动态添加 HTML

如果语句检查两个输入，则选中一个复选框，并且输入的值在最大长度 [closed]

If statement checking two inputs, a checkbox is checked and the value of an input in max length [closed]

评论

评论