Disabilitare elemento

[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