Disabilitare elemento

[Veronica80]

Ciao a tutti!
Sto provando la abilitazione/disabilitazione di un elemento con JS...ma non so perchè non funge...
Questo è il codice del mio test:

<form>			<label>Campo 01</label><br>
			<input type="button" name="btt" value="Disabilita" onClick="javascript:ciao(true)" /><br>
			<input type="button" name="btt" value="Abilita" onClick="javascript:ciao(false)" /><br>
			
			<label>Campo 02</label><br>
			<input type="text" name="campo2" value="" />
		</form>
		<script>
			function ciao($val){				
				document.getElementsByName('campo2').disabled=$val;
			}
		</script>

Inserito nel body del mio html.
Potete aiutarmi? Grazieeee

[U235]

Ciao a tutti!
Sto provando la abilitazione/disabilitazione di un elemento con JS...ma non so perchè non funge...
Questo è il codice del mio test:

<form>            <label>Campo 01</label><br>
            <input type="button" name="btt" value="Disabilita" onClick="javascript:ciao(true)" /><br>
            <input type="button" name="btt" value="Abilita" onClick="javascript:ciao(false)" /><br>
            
            <label>Campo 02</label><br>
            <input type="text" name="campo2" value="" />
        </form>
        <script>
            function ciao($val){                
                document.getElementsByName('campo2').disabled=$val;
            }
        </script>

Inserito nel body del mio html.
Potete aiutarmi? Grazieeee

Perché se usi getElementsByName (notare la "S") stai recuperando un array di elementi, per cui devi fornire un indice per operare su uno di essi.
Quindi:

<form>            <label>Campo 01</label><br>
            <input type="button" name="btt" value="Disabilita" onClick="javascript:ciao(true)" /><br>
            <input type="button" name="btt" value="Abilita" onClick="javascript:ciao(false)" /><br>
            
            <label>Campo 02</label><br>
            <input type="text" name="campo2" value="" />
        </form>
        <script>
            function ciao($val){                
                document.getElementsByName('campo2')[0].disabled=$val;
            }
        </script>

Oppure nel caso voglia disabilitare tutti i campi che si chiamano "campo2" devi iterare il risultato di getElementsByName

[ninja72]

Ciao, vedi se cosi funziona.

 const campo2 = document.querySelector('input[name="campo2"]')

        function ciao(val) {
            campo2.disabled = val
            campo2.focus()
        }

[Veronica80]

Grazie ragazzi funzionano tutti e 2!
Non mi ero proprio accorta di quella maledetta "s"
Di solito uso getElementById

Grazie ancora!!

[U235]

Di nulla.