时间戳

首页 > 解决方案 > js中的多个输入...？

javascript - js中的多个输入...？

问题描述

它有效 - 当输入 #key1 为空时，我无法单击按钮。但我需要使用两个输入 - #key1 和 #key2。待办事项 - 当两者都为空或 1/2 时，没有人不能点击按钮。谢谢！！

<script type='text/javascript' src='http://code.jquery.com/jquery.min.js'></script>
<script type='text/javascript'>
  $(function() {
    $('#key1').keyup(function() {
      if ($(this).val() == '') {
        //Check to see if there is any text entered
        // If there is no text within the input ten disable the button
        $('.enableOnInput').prop('disabled', true);
      } else {
        //If there is text in the input, then enable the button
        $('.enableOnInput').prop('disabled', false);
      }
    });
  });
</script>

标签： javascriptjqueryhtml

解决方案

尝试这个

$(function() {
  $("#key1, #key2").keyup(function() {
    if ($("#key1").val() == "" || $("#key2").val() == "") {
      $(".enableOnInput").prop("disabled", true);
    } else {
      $(".enableOnInput").prop("disabled", false);
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="key1">
<input type="text" id="key2">
<button class="enableOnInput" disabled>Click me</button>

推荐阅读