Необходимо добавить «дочерний элемент div», чтобы изменить отключенный ввод
На моей веб-странице есть набор полей ввода, которые используются редко, мне приходится переходить через каждое из 50 полей ввода. Я хочу отключить атрибут «отключено» поля ввода щелчком мыши по отдельному полю. Код ниже работает. Но я хочу изменить # M1 для ввода дочернего элемента div.
<div onclick = "$('#M1').removeAttr('disabled')">">
<input type = "text" disabled id = "M1" />
</div>
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
<input type = "text" id = "M1"
onclick = "document.querySelector('#M1').disabled = true;" />
Это правильный способ сделать это .. Пожалуйста, попробуйте это
Вход изначально отключен. Не будет onclick = "document.querySelector ('# M1'). Disabled = false;" быть правильным?
но что вы хотите? .. его отключение при запуске и если пользователь нажимает на него. ее снова должно быть видно? верно?
Да, это желаемый результат!
Здесь не используется jQuery, поэтому я не уверен, почему так важно добавить файл jQuery ...
Это не сработает, потому что ввод отключен и не вызовет событие щелчка.
попробуйте вот так:
<div onclick = "document.querySelector('#M1').disabled = false;">
<input type = "text" disabled id = "M1" />
</div>
Вы не можете инициировать событие щелчка отключенного элемента. Попробуйте обернуть ввод div. Что-то вроде этого.
<div onclick = "$('#input_id').removeAttr('disabled')">
<input id = "input_id" disabled/>
</div>
JSFiddle: https://jsfiddle.net/etv8h468/16/
Абсолютно точный и эффективный.
Но есть ли способ изменить "$ ('# input_id') на дочернее поле ввода?"
Возможный дубликат javascript удалить атрибут "disabled" для ввода html