javascript - 价格 slider 事件发生时如何检查复选框是否被选中

Question

这是我的代码，对于价格 slider :

$("#price-slider").ionRangeSlider({
    min: 130,
    max: 575,

    onChange : function (data) {
    var from_num = data.fromNumber;
    var to_num =data.toNumber;
    $.ajax({
        url: 'hotelresults',
        type: 'POST',
        data: {
        from: from_num,
        to: to_num,
    },
        success: function(data){
            $('.hotel_list').html(data);
        }
    });
    }
});

发生此操作时，我必须检查复选框是否已选中。

如果它被选中，那么我需要在此 slider Ajax 中传递选中的复选框值..

同时反之亦然。

即:如果复选框被选中，它应该通过其 Ajax 传递价格 slider 值..

这是我的复选框点击功能

$( ".iCheck-helper" ).on( "click", function(){

    var sel = $('.i-check:checked').map(function(_, el) {
        return $(el).val();
    }).get();
// alert(sel);
    var nme = $('.i-check:checked').map(function() {
        return $(this).attr("name");
    }).get();
// alert(nme);
    if(!$(this).is(':checked')){
        $.ajax({
            type: "POST",
            url: "hotelresults",
            data: {
                key : sel,
                name:nme,
            },
            success: function (data) {
                $('.hotel_list').html(data);
            }
        });
    }
}); 

这两个都是通过 Ajax 传递值..

但是我需要传递两个值，正如我已经说过的

谁来帮助我..

提前致谢..

Answer 1

我无法测试它，但我认为它应该有效。让我知道。

我创建了一个额外的函数somethingChanged()。当您更改复选框或 RangeSlider 时，首先将放置所选值。然后调用 ajax 的函数将会触发。

// Default values
var from_num = 130;
var to_num = 575;
var sel = "";
var nme = "";

function somethingChanged() {
  $.ajax({
    url: 'hotelresults',
    type: 'POST',
    data: [
      {
        from: from_num,
        to: to_num
      }, {
        key: sel,
        name: nme
      }
    ],
    success: function(data) {
      $('.hotel_list').html(data);
    }
  });
}


$("#price-slider").ionRangeSlider({
  min: 130,
  max: 575,

  onChange: function(data) {
    from_num = data.fromNumber;
    to_num = data.toNumber;
    somethingChanged();
  }
});

$(".iCheck-helper").on("click", function() {

  sel = $('.i-check:checked').map(function(_, el) {
    return $(el).val();
  }).get();

  nme = $('.i-check:checked').map(function() {
    return $(this).attr("name");
  }).get();

  if (!$(this).is(':checked')) {
    somethingChanged();
  }
});