Question

第一次来这里...... 我是JS的初学者。

我想仅在另一个输入具有禁用属性时才显示输入：

<button type="button" id="Last"> Last </button>
<button type="button" id="Go" style="display:none"> Go </button>

点击几下，并使用jQuery，$("#Last").attr("disabled", "disabled"),我得到（使用检查工具）：

<button type="button" id="last" disabled="disabled"> Last </button>

我想要显示：

 <button type="button" id="Go" style="display:block"> Go </button>

我试过了：

 $( document ).ready(function() {
  if($("#Last").prop('disabled', true)) {
        $('#Go').show();
  } else {
        $('#Go').hide();
  }
});

我不工作！不知道问题出在哪里！

Answer 1

单击按钮时应显示按钮。请参阅下面的注释代码。

// When button is clicked
$("#last").on("click", function() {

  // Set button disabled to true
  $(this).prop("disabled", true);

  // Show the #go button
  $("#go").show();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button type="button" id="last"> Last </button>

<button type="button" id="go" style="display:none"> Go </button>

我已将ids改为全部小写。那是good coding convention。

Answer 2

正如在此链接的文档http://api.jquery.com/prop/中描述的那样，方法prop（name，xxx）将属性名称设置为值xxx，o在代码中if语句最后禁用按钮。你应该使用：
if($("#Last").prop('disabled')) $('#Go').show(); 请注意，如果将这段代码放在$( document ).ready中，只有在页面DOM准备好执行JavaScript代码时才会运行。

JS当元素被禁用时显示一个按钮

2 个答案: