javascript - 使用 Jquery 比较两个输入值

Question

我正在尝试比较双输入范围 slider 中的两个值。如果底部值等于或大于顶部值，我想返回false。这是为了防止两个拇指重叠。

我使用了.change来监听更改。然后我可以 console.log 并在更新后返回该值。我已经包含了最后一段代码，希望能有所帮助。您可以在这里看到完整的几乎可以工作的版本:

https://fiddle.jshell.net/elliottjb7/fj9ot08v/

谢谢

$("input[type='range'][id='text_box_bottom_range']").change(function() {
  var bottom = $("input[type='range'][id='text_box_bottom_range']").val();
  console.log("bottom = " + bottom);
  return bottom;
});

$("input[type='range'][id='text_box_top_range']").change(function() {
  var top = $("input[type='range'][id='text_box_top_range']").val();
  console.log("top = " + top);
  return top;
});     

$("input").blur(function() {
  if ($("input[type='range'][id='text_box_bottom_range']").val() > this.val) {
    console.log("Bottom is higher than Top");
    return false;
  } else { 
  return true; 
  }
});

Answer 1

这一行

if ($("input[type='range'][id='text_box_bottom_range']").val() > this.val) {

应该是

if ($("input[type='range'][id='text_box_bottom_range']").val() > $("input[type='range'][id='text_box_top_range']").val()) {