need to add "child of div" to change disabled input

Question

My web page has a set of input fields that are rarely used, I have to tab through each one of 50 input fields. I want to toggle the input field "disabled" attribute off on a mouse click on the individual field. The code below works. But I want to change #M1 to input child of the div.

<div onclick = "$('#M1').removeAttr('disabled')">">
<input type = "text" disabled id = "M1" />
</div>

Possible duplicate of [javascript remove "disabled" attribute to html input](https://stackoverflow.com/questions/11719961/javascript-remove-disabled-attribute-to-html-input) — Heretic Monkey, Apr 04 '18 at 15:36

PANKAJ NAROLA · Answer 1 · 2019-01-02T17:14:58.117

1

<input type = "text" id = "M1" 
 onclick ="document.querySelector('#M1').disabled = true;" />

This is the right way to do it.. Please try this

edited Jan 02 '19 at 17:14

answered Apr 04 '18 at 15:14

PANKAJ NAROLA

164
1
10

The input is initially disabled. Wouldn't onclick ="document.querySelector('#M1').disabled = false;" be correct? – verlager Apr 04 '18 at 15:19
but what do you want ?.. its disable at starting and if a user clicks on it. its should again visible? right? – PANKAJ NAROLA Apr 04 '18 at 15:27
Yes, that is the desired result! – verlager Apr 04 '18 at 15:30
This doesn't use jQuery, so I'm not sure why it's important to add the jQuery file... – Heretic Monkey Apr 04 '18 at 15:35

score 0 · Answer 2 · answered Apr 04 '18 at 15:20

0

It won't work because the input is disabled and won't trigger the click event

try like this :

<div onclick = "document.querySelector('#M1').disabled = false;">
    <input type = "text" disabled id = "M1" />
</div>

answered Apr 04 '18 at 15:20

Coskun Ozogul

2,389
1
20
32

score 0 · Accepted Answer · answered Apr 04 '18 at 15:35

0

You cannot trigger click event of a disabled element. Try to wrap input by a div. Something like this.

<div onclick="$('#input_id').removeAttr('disabled')">
    <input id="input_id" disabled/>
</div>

JSFiddle : https://jsfiddle.net/etv8h468/16/

answered Apr 04 '18 at 15:35

Srivin Prabhash

16
1

Absolutely spot on and effective. – verlager Apr 04 '18 at 15:41
But is there any way to change "$('#input_id') to the child input field? – verlager Apr 04 '18 at 15:46

need to add "child of div" to change disabled input

3 Answers3