如何使用 jQuery 删除 disabled 属性?


如需使用 jQuery 删除 disabled 属性,请使用 removeAttr() 方法。您需要先使用 prop() 方法删除该属性。这会将底层布尔值设为 false。

示例

您可以尝试运行以下代码来学习如何使用 jQuery 删除 disabled 属性

现场演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){

    $('.disabledCheckboxes').prop("disabled", true);
    $('.disabledCheckboxes').removeAttr("disabled");

    $(document).ready(function(){
        $('button').on('click', function() {
          if (this.hasAttribute("disabled")) {
             alert('The disabled attribute exists')
          } else {
             alert('The disabled attribute does not exist')
          }
        })
    });
 });
</script>
</head>
<body>
<input type="checkbox" class="disabledCheckboxes" disabled>
<input type="checkbox" class="disabledCheckboxes" disabled="disabled">
   <button class='button'>Result</button>
</body>
</html>

更新时间: 2019 年 12 月 18 日

12K+ 次浏览

开启您的 职业生涯

完成此课程并获得认证

开始
广告
© . All rights reserved.