Question

我需要制作一个简单的js。没什么好看的 - 只有在输入具有相同值时才显示或隐藏元素。所有在发送表格之前。

<form>
 <input type="number" name="some1" id="some1">
 <input type="number" name="some2" id="some2">
 <div id="showhide">The inputs are the same</div>
 <input type="submit">
</form>

结果可能是这样的。

if(#some1(value)==#some2(value)) {
  #showhide.show()
} else {
  #showhide.hide()
}

Answer 1

你的jquery应该是这样的：

if($('#some1').val() == $('#some2').val()) {
  $('#showhide').show();
} else {
  $('#showhide').hide();
}

Answer 2

这样的东西？

＆＃13;

$("#some1, #some2").on("keyup change", function(){
  let firstEl = $("#some1"),
      secondEl = $("#some2"),
      conditionalEl = $("#showhide");
      
  if (firstEl.val() == secondEl.val() ) {
    conditionalEl.show();
  } else {
    conditionalEl.hide();
  }
});

＆＃13;

#showhide {
 display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
 <input type="number" name="some1" id="some1">
 <input type="number" name="some2" id="some2">
 <div id="showhide">The inputs are the same</div>
 <input type="submit">
</form>

＆＃13;

如何比较两个输入并显示div

2 个答案: