Question

我正在尝试将特定div中的所有文本框更改为只读且不起作用。这是代码。

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

Answer 1

尝试$("#bysuper input[type=text]").prop("readonly", true);

Answer 2

工作小提琴fiddle 使用以下：

$("#bysuper input[type=text]").prop('readonly', true);

表示Textbox类型的所有输入都将具有readonly属性。

Answer 3

您还可以使用以下内容来实现目标：

$("#bysuper").find(':text').prop('readonly',true);

Answer 4

经过多次测试后，我决定使用find。但是我找到了几个大问题。我必须弄清楚必须禁用select和复选框，而不是设置为readonly。我认为这是我错过的一些文档中的某个地方。

我发现当在输入类型文本中使用datepicker时，你还必须禁用并且不设置为只读，因为我的所有日期字段都有类pickdate，所以我找到了类。这是我的最终代码。

$(function(){
    $("#bysuper").find(':text,textarea').prop('readonly',true);
    $("#bysuper").find('select,:checkbox,.datepick').prop('disabled',true);    
})

因为我是初学者，请随时纠正我对这个问题的看法。

使用jquery将特定div中的所有文本框更改为只读

4 个答案: