设置只读

最新推荐文章于 2021-06-15 20:40:33 发布

weixin_30851409

最新推荐文章于 2021-06-15 20:40:33 发布

阅读量105

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kejin123/p/5646836.html

本文介绍了一种使用JavaScript来实现HTML表单元素（包括输入框、文本域及下拉选择框）的只读状态的方法，并附带了具体的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 设置只读
function SetReadOnly(jObj) {
    if (jObj.children().length > 0) {
        jObj.find("input,textarea").each(function () {
            var that = $(this);
            that.prop("readonly", true)
            .css("background-color", "#EBEBE4");
            if (that.hasClass("datepicker")) {
                that.datepicker("destroy")
            }
        })
        jObj.find("select").each(function () {
            $(this).bind("focus", function (e) {
                this.defaultIndex = this.selectedIndex;
            })
            .bind("change", function (e) {
                this.selectedIndex = this.defaultIndex;
                e.preventDefault();
            })
           .css("background-color", "#EBEBE4")
           .attr("readonly", "readonly");
        });
    } else {
        jObj.prop("readonly", true)
            .css("background-color", "#EBEBE4");
    }
}