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

Question

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

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

标签： javascriptjqueryhtml

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);
   }
});