jQuery中的条件语句

迈克·维森哈特(Mike Wiesenhart)

我下面有jQuery代码,目前有Min RentandMax Rent字段。$val1 to $0即使没有在Max Rent字段中输入值,现在也会说出输入值的时间我要完成的工作是,如果在两个字段中都输入一个要说的值$val1 to $val2否则,我只希望它显示一个值。我尝试使用条件语句来执行此操作,但是我的jQuery并不是很强大,并且不确定我要去哪里出错。

jQuery的:

$("[data-toggle='popover']").on('shown.bs.popover', function() {
  $("#listing-price-selector").next().find("#listing_search_form_min_price").keyup(modPrice);
  $("#listing-price-selector").next().find("#listing_search_form_max_price").keyup(modPrice);
});

$("[data-toggle='popover']").on('hide.bs.popover', function() {
modPrice();
});
modPrice();

function modPrice() {
  if ($("#listing-price-selector") && $("#listing-price-selector").next()) {
    var mn = $("#listing-price-selector").next().find("#listing_search_form_min_price").val();
    var mx = $("#listing-price-selector").next().find("#listing_search_form_max_price").val();
    if (mn || mx) {
      mn = (mn == "") ? 0 : mn;
      mx = (mx == "") ? 0 : mx;
      $("#priceBox").val(mn + " to " + mx);
      if ($("#listing_search_form_max_price").length > 0) {
        $("#listing-price-selector").text(" $" + mn + " to $" + mx);
      else
        $("#listing-price-selector").text(" $" + mn);
      }
    }
  }
}

HTML:

<div class="col-md-2 col-xs-6">
    <a tabindex="0" class="button btn-transparent" id="listing-price-selector" role="button" data-toggle="popover">Price Range <span class="caret"></span></a>
</div>

<div id="listing-price-content" style="display: none;">
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-6">
        <div class="input-group input-group-sm">
          <span class="input-group-addon" id="basic-addon1">$</span>
          <%= f.text_field :min_price, class: "form-control", placeholder: "Min Rent", data: { "binding-name" => "min-price" } %>
        </div>
      </div>
      <div class="col-xs-6">
        <div class="input-group input-group-sm">
          <span class="input-group-addon" id="basic-addon1">$</span>
          <%= f.text_field :max_price, class: "form-control", placeholder: "Max Rent", data: { "binding-name" => "max-price" } %>
        </div>
      </div>
    </div>
  </div>

搜寻中

我不确定我的评论是否有帮助。所以我发布了这个。如果您的问题出在这里,则不建议在此进行此类检查。就您所知,他们可以输入“ abcd”

if ($("#listing_search_form_max_price").length > 0) {
    $("#listing-price-selector").text(" $" + mn + " to $" + mx);
  else
    $("#listing-price-selector").text(" $" + mn);
  }

你可以试试这个

function modPrice() {
    if ($("#listing-price-selector") && $("#listing-price-selector").next()) {
        var mn = $("#listing-price-selector").next().find("#listing_search_form_min_price").val();
        var mx = $("#listing-price-selector").next().find("#listing_search_form_max_price").val();
        if (mn || mx) {
            mn = (mn == "") ? 0 : mn;
            mx = (mx == "") ? 0 : mx;
            $("#priceBox").val(mn + " to " + mx);
            if (parseFloat($("#listing_search_form_max_price").val()) > 0) {
                $("#listing-price-selector").text(" $" + mn + " to $" + mx);
            } else {
                $("#listing-price-selector").text(" $" + mn);
            } //END listing_search_form_max_price
        } //END mn || mx
    } //END listing-price-selector
}

让我们知道

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章