使用readOnly类进行所有输入

Question

所以我正在构建一个拖放表单构建器，我想在readOnly的所有输入上创建一个特定字段。 这可以是

• 选择下拉列表
• 文字输入
• 号码输入
• 日期输入

日期输入

所有这些输入都将动态生成。

我看了看 How can i add readonly attribute on all input fields using javascript? ＆安培; How to set readonly property to false on multiple textboxes with same class?

但是没有一个只是通过类名输入名称readOnly。

我目前正在这样做：

$("#editClick").on('click', function(){
 $('.myNameClass').attr('readonly', false);

}）;

但每次在页面上出现新字段时都需要一种方法来触发它（即检查是否增加了一个类的长度）

类似的东西：

if ($(".myNameClass")[0]).increases -> fire event-> and every time it does

Answer 1

你可以使用这个

来做到这一点

jQuery＆lt; 1.9

<script>
    $(function () {
       $('input[type="text"], textarea').attr('readonly','readonly');

    });
</script>

或将其用于只读模式

jQuery 1.9 +

 $(function () {
         $('input[type="text"], textarea').prop("readonly",true);

    });

并删除只读模式

jQuery＆lt; 1.9     

     $(function () {
         $('input[type="text"], textarea').removeAttr('readonly');

    });

</script>

或将其用于删除

jQuery 1.9 +

 $(function () {
         $('input[type="text"], textarea').prop("readonly",false);

    });