javascript - 如何使用脚本禁用/启用 HTML 中的范围控件？

Question

我对 html/jquery/javascript 很陌生。我在单击按钮时有以下脚本，该脚本禁用范围控制。如果第二次单击该按钮，我需要重新启用范围控制。那么如何检查范围控制是禁用还是启用呢？

$(":button.range").click(function(){
    $(this).parent().parent().find("input[type='range']:visible:first").attr("disabled","disabed");
});

Answer 1

你可以这样做:

$(":button.range").click(function(){
   let status = $(this).parent().parent().find("input[type='range']:visible:first").prop('disabled');
   if(status === true){
      $(this).parent().parent().find("input[type='range']:visible:first").prop('disabled',false);
   }else{
      $(this).parent().parent().find("input[type='range']:visible:first").prop('disabled',true);
   }
});