Блог

Главная - Вопросы по программированию - Измените все текстовые поля в определенном div на доступные только для чтения с помощью jquery

Измените все текстовые поля в определенном div на доступные только для чтения с помощью jquery

#jquery

#jquery

Вопрос:

Я пытаюсь изменить все текстовые поля в определенном div на доступные только для чтения, и это не работает. Вот код.

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

Ответ №1:

Попробуйте $("#bysuper input[type=text]").prop("readonly", true);

Комментарии:

1. Пожалуйста, используйте одинаковые кавычки (одинарные или двойные) в jQuery. Кавычки должны быть одинаковыми для начала и закрытия. $(» ‘) неверно . Правильный способ: $(» «)

2. Извините, скопировано из исходного сообщения.

3. Не могли бы вы уточнить свой ответ?

4. Это точно так же, как ответ @PratikJoshi.

Ответ №2:

Рабочая скрипка скрипка Используйте следующее :

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

Означает, что все входные данные типа Textbox будут иметь свойство только для чтения.

Ответ №3:

Вы также можете использовать следующее для достижения своей цели:

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

Ответ №4:

После долгих испытаний я остановился на использовании find. Но я нашел пару больших ошибок. Мне пришлось выяснить, что флажки select и checkboxes должны быть отключены и не установлены только для чтения. Я предполагаю, что это где-то в какой-то документации, которую я пропустил.

Я обнаружил, что при использовании выбора даты в тексте типа ввода вам также приходилось отключать и не устанавливать значение только для чтения, и поскольку все мои поля даты имели значение выбора класса, я нашел класс. Это мой окончательный код.

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

Пожалуйста, не стесняйтесь исправлять мои мысли по этому вопросу, поскольку я новичок.

Метки: