选中复选框，禁用范围滑块

Question

我希望在使用jquery选中复选框时禁用我的范围滑块。如果未选中复选框，则需要启用范围滑块。我的代码是，

$(document).on('change','#checkbox6b',function()
{
    if("input[name='responsive']:checked")
    {
      /* code */
    }
    else
    {
      /* code */
    }
});

任何人都可以帮助我吗？

Answer 1

只需在范围滑块上调用属性disable和enable。

请将您的ID替换为游侠的HTML ID属性。

$(document).on('change','#checkbox6b',function()
{
    if($("input[name='responsive']:checked"))
    {
      $('#YOUR-SLIDER-ID').slider('disable');
    }
    else
    {
      $('#YOUR-SLIDER-ID').slider('enable');
    }
});

Answer 2

您可以使用jQuery的prop方法切换范围滑块的禁用/启用状态，并使用复选框作为值：

$(document).on('change', '#checkbox6b', function() {
  $(<your-range-slider>).prop('disabled', $('input[name='responsive']').is(':checked'));
});