jquery中通过添加readonly或者disabled属性实现行为禁止 / 去除某个属性的方法

最新推荐文章于 2021-02-17 04:23:01 发布

转载最新推荐文章于 2021-02-17 04:23:01 发布 · 210 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lowmanisbusy/p/9048804.html

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery来设置和移除HTML元素的属性，包括禁用按钮和文本框的功能，并通过实例展示了如何在页面加载完成后进行这些操作。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax file</title>
    <script src="./js/jquery-1.12.4.min.js"></script>
    <script>
        $(function(){
            // 设置禁止点击
            $(".butt").attr("disabled","disabled")
            $(".ck").attr('readonly',"readonly")
            // 去除某个属性
            $(".buu").removeAttr("disabled")
        });
    </script>
</head>
<body>
    <div class="box" a="">
        嘿嘿
    </div>
    <input class="ck" type="text" value="嘿嘿">
    <button class='butt'>按钮</button>
    <button class='buu' disabled="disabled">按钮2</button>
</body>
</html>