javascript - 将所有输入设为只读类

Question

所以我正在构建一个拖放式表单构建器，我想将所有输入的特定字段设置为只读。这可以是

• 选择下拉菜单
• 文字输入
• 数字输入
• 日期输入

日期输入

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

我看过了 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?

但没有一个只通过类名使名称输入只读。

我目前是这样做的:

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

});

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

类似于:

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

Answer 1

你可以用这个来做

jQuery <1.9

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

    });
</script>

或将其用于只读模式

jQuery 1.9+

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

    });

并移除只读模式

jQuery <1.9

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

    });

</script>

或者用它来移除

jQuery 1.9+

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

    });