abilitare/disabilitare input

[camionistaxcaso]

Ciao a tutti.
Sto cercando di disabilitare/abilitare degli input text senza ovviamente riuscirci. Il front-end è sempre stato il mio tallone d' achille.
Qualcuno può aiutarmi? Utilizzo html5 se può essere utile. Grazie infinite.

<script>
//Abilita/disabilita elementi
function enableORdisable(element)
{    
     //Ciclo l' array    
     for(i=0; i<element.length; i++)    
     {         
          //Se e' disabilitato         
          if(document.getElementById(element[i]).disabled == 'disabled')         
          {             
                //QUI VORREI ABILITARLO MA NON SI VERIFICA MAI LA CONDIZIONE         
          }         
          //Se e' abilitato         
          else         
          {
                //QUESTO FUNZIONA PERFETTAMENTE                 
               document.getElementById(element[i]).setAttribute('disabled', 'disabled');         
          }    
     }//for end
}//function end
</script>
<input checked type=\"checkbox\" onclick=\"enableORdisable(['primo', 'secondo', 'terzo']);\">
<br /><input type="text" id="primo">
<br />
<input type="text" id="secondo">
<br />
<input type="text" id="terzo">

[br1]

if(document.getElementById(element[i]).disabled == true)

o piu' semplicemente

if(document.getElementById(element[i]).disabled)

[badaze]

Sai che esiste alert che ti consente di visualizzare un messaggio. Quando ho un errore (si, si, mi capita) uso alert sia per vedere il contenuto di una variabile sia per vedere se passo o meno per una parte del codice.

[camionistaxcaso]

Ciao e grazie, sto provando così ma non capisco perchè se l' array conta 2 elementi mi fa un solo ciclo e comunque non si verifica nessuna delle 2 condizioni:

<script>
function enableORdisable(element)
{    
   alert(element.length); //questo stampa 2 quindi l' array e' ok    
   for(i=0; i<element.length; i++)    
   {           
       alert(i); //Questo appare una sola volta        
       //Se e' disabilitato       
       if(document.getElementById(element[i]).disabled)       
       {           
           document.getElementById(element[i]).removeAttr('disabled');           
           alert('disabilitato'); //Questo non appare                  
       }       
       //Se e' abilitato        
       else       
       {           
           alert('abilitato'); //E nemmeno questo appare                              
           document.getElementById(element[i]).setAttribute('disabled', 'disabled');                  
       }    
    }    
}
</script>
<input type="checkbox" onclick="enableORdisable(['date_start', 'date_end'])" />
<br> 
<input disabled type="date" name="date_start" id="date_start" value="0" /> Inizio
<br> 
<input disabled type="date" name="date_end" id="date_end" value="0" /> Fine

[badaze]

Se non usi i comandi giusti non funzionerà.

Secondo me il fatto di voler rimuovere un attributo faceva impiantare la funzione.

<script>
function enableORdisable(element)
{    
   alert(element.length); //questo stampa 2 quindi l' array e' ok    
   for(i=0; i<element.length; i++)    
   {           
       alert(i); //Questo appare una sola volta        
       //Se e' disabilitato       
       if(document.getElementById(element[i]).disabled)       
       {           
           document.getElementById(element[i]).disabled = false;            
           alert('abilitato'); //Questo non appare                  
       }       
       //Se e' abilitato        
       else       
       {           
           alert('disabilitato'); //E nemmeno questo appare                              
           document.getElementById(element[i]).disabled = true;                 
       }    
    }    
}
</script>
<input type="checkbox" onclick="enableORdisable(['date_start', 'date_end'])" />
<br> 
<input disabled type="date" name="date_start" id="date_start" value="0" /> Inizio
<br> 
<input disabled type="date" name="date_end" id="date_end" value="0" /> Fine

[KillerWorm]

Ciao, c'è un errore di sintassi per cui lo script si ferma dopo aver eseguito quell'alert.

In effetti removeAttr() non è una funzione JavaScript. Probabilmente ti sei confuso con l'analoga funzione jQuery, ma in puro JavaScript si scrive removeAttribute().

Per la cronaca, puoi usare la console web per verificare questo tipo di errori. Pigia F12 nel tuo browser una volta aperta la pagina in questione, quindi vai sulla scheda "Console" (o qualcosa del genere) nel pannello che ti si è aperto e fai girare lo script. Li saranno restituiti eventuali errori durante l'esecuzione.

Un sostituto di alert() può essere console.log() che mostrerà il messaggio proprio sulla console web del tuo browser.

[ciro78]

if(document.getElementById(element[i]).disabled == true)

o piu' semplicemente

if(document.getElementById(element[i]).disabled)

il tag code

[camionistaxcaso]

Se non usi i comandi giusti non funzionerà.

Secondo me il fatto di voler rimuovere un attributo faceva impiantare la funzione.

<script>
function enableORdisable(element)
{    
   alert(element.length);    
   for(i=0; i<element.length; i++)    
   {           
       alert(i); //Questo appare una sola volta        
       //Se e' disabilitato       
       if(document.getElementById(element[i]).disabled)       
       {           
           document.getElementById(element[i]).disabled = false;            
           alert('abilitato'); //Questo non appare                  
       }       
       //Se e' abilitato        
       else       
       {           
           alert('disabilitato'); //E nemmeno questo appare                              
           document.getElementById(element[i]).disabled = true;                 
       }    
    }    
}
</script>
<input type="checkbox" onclick="enableORdisable(['date_start', 'date_end'])" />
<br> 
<input disabled type="date" name="date_start" id="date_start" value="0" /> Inizio
<br> 
<input disabled type="date" name="date_end" id="date_end" value="0" /> Fine

Ciao scusate l' assenza ma ero immerso nel back-end sto provando il suggerimento di badaze ma non funziona non si verificano nessuna delle 2 condizioni...ripropongo lo script:

<script>
function enableORdisable(element)
{    
   alert(element.length + ' elemento da abilitare');     
   for(i=0; i<element.length; i++)    
   {           
            
       //Se e' disabilitato       
       if(document.getElementById(element[i]).disabled)       
       {           
           document.getElementById(element[i]).disabled = false;            
           alert('è stato abilitato'); //Questo non appare                  
       }       
       //Se e' abilitato        
       else       
       {           
                                         
           document.getElementById(element[i]).disabled = true;
           alert('è stato disabilitato'); //E nemmeno questo appare                 
       }    
    }    
}   


</script>

<input type="checkbox" name="sendmemail" value="1" onclick="enableORdisable(['myemail'])"  />
Invia token alla mia email 
<input type="text" name="myemail" maxlenght="50" disabled  />

[camionistaxcaso]

Niente contrordine funziona mi ero scordato di mettere l' id nel campo...grazie 1000