disattivare option button tramite checkbox

**giannipie** · 09-08-2006, 00:45

Ho una coppia di option button che utilizzo per fare una ricerca, però vorrei che se clicco su una checkbox mi disattivi tali option button, per far capire l'utente che con tale operazione non è più possibile utilizzare la ricerca con i criteri assegnati ai 2 option button.
grazie

**cavicchiandrea** · 09-08-2006, 01:12

Originariamente inviato da giannipie
Ho una coppia di option button che utilizzo per fare una ricerca, però vorrei che se clicco su una checkbox mi disattivi tali option button, per far capire l'utente che con tale operazione non è più possibile utilizzare la ricerca con i criteri assegnati ai 2 option button.
grazie

cosa sono le option button?
Meglio ancora posta la pagina con il form come la riceve il broswer senza linguaggi lato server che non conosco

**giannipie** · 09-08-2006, 09:27

ecco il codice, riporto solo la parte interessata:

codice:

</tr>
<tr><td><span class="Stile18">VISIBILITA':</span></td>
<td><input name="visibilita" type="radio" value="privata" checked>
privata</td>
</tr>
<tr><td height="24"></td>
<td><input name="visibilita" type="radio" value="tutti"> 
tutti
</td>
</tr>
<tr>
  <td height="61">REGISTRAZIONE:</td>
  <td><input type="checkbox" name="box" value="box">
  <label> solo registrazioni nel box </label></td>
</tr>

Il mio scopo è che nel cliccare sulla checkbox, si disattivino i "radio" button, si può fare?

**Malekith** · 09-08-2006, 09:47

nn sono sicuro di aver capito bene
ad ogni modo io ho fatto qualcosa di simile.

codice:

<script language="JavaScript">

function abilita(){


      document.getElementById('G3').disabled=false;
      document.getElementById('G4').disabled=false;

function disabilita(){
      document.getElementById('G3').disabled=true;
      document.getElementById('G4').disabled=true;
</script>

<table border="1" width="22%">
<tr>
<td width="94">
<input type="radio" value="V1" name="T2" onclick="abilita()" onclick="javascript:parent.location.reload()" ></td>
<td>
<input type="radio" value="V1" name="T2" onclick="disabilita()" onclick="javascript:parent.location.reload()" checked></td>
</tr>
<tr>
<td width="94">
<input id="G3" type="text" name="G3" size="13" disabled="true"></td>
<td>
<input id="G4" type="text" name="G4" size="13" disabled="true"></td>
</tr>
</table>

nel tuo caso anziche un radiobutton dovresti usare un checkbox.
e nella funzione prima gli fai fare un controllo sull'elemento
if (disabled=="true")
{ disabled ="false"}
else
{disabled ="true"}
questo dovrebbe far si che ogni volta che tu flagghi o unflugghi il checkbox lui vada a verificare ... se lo troova disabilitato lo abilita e viceversa.

spero di nn essermi sbagliato :P

ciao

**cavicchiandrea** · 09-08-2006, 13:23

Originariamente inviato da giannipie
ecco il codice, riporto solo la parte interessata:

codice:

</tr>
<tr><td><span class="Stile18">VISIBILITA':</span></td>
<td><input name="visibilita" type="radio" value="privata" checked>
privata</td>
</tr>
<tr><td height="24"></td>
<td><input name="visibilita" type="radio" value="tutti"> 
tutti
</td>
</tr>
<tr>
  <td height="61">REGISTRAZIONE:</td>
  <td><input type="checkbox" name="box" value="box">
  <label> solo registrazioni nel box </label></td>
</tr>

Il mio scopo è che nel cliccare sulla checkbox, si disattivino i "radio" button, si può fare?

Cosi doverebbe essere quallo che hai richiesto:

codice:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<script language="javascript">
function Disattiva(){
if(document.getElementById('box').checked){
document.getElementById('privata').disabled=true;
document.getElementById('tutti').disabled=true;
}else{
document.getElementById('privata').disabled=false;
document.getElementById('tutti').disabled=false;
}
}
</script>
</head>

<body>
<table width="100%"  border="0" cellspacing="0" cellpadding="2">
</tr>
<tr><td><span class="Stile18">VISIBILITA':</span></td>
<td><input name="visibilita" type="radio" id="privata" value="privata" checked>
privata</td>
</tr>
<tr><td height="24"></td>
<td><input name="visibilita" type="radio" id="tutti" value="tutti"> 
tutti
</td>
</tr>
<tr>
  <td height="61">REGISTRAZIONE:</td>
  <td><input type="checkbox" name="box" id="box" value="box" onClick="Disattiva()">
  <label> solo registrazioni nel box </label></td>
</tr>
</table>

</body>
</html>

**giannipie** · 09-08-2006, 17:57

Perfetto, era proprio quello che mi serviva, grazie.

**giannipie** · 14-08-2006, 12:17

Ho un problema analogo ma con le caselle di riepilogo, cioè in base a cio che seleziono nella casella di riepilogo si devono attivare o disattivare delle caselle di testo:
posto il codice:

codice:

<select name "tipo">
<option selected>normale</option>
<option>servizi</option>
</select>
<input name="giorno"  type="text">
<input name="mese"  type="text">
<input name="anno"  type="text">

se viene selezionato "servizi" deve disabilitare le 3 caselle di testo, se selezionato " normale" deve riabilitarle.

**cavicchiandrea** · 14-08-2006, 16:16

Originariamente inviato da giannipie
Ho un problema analogo ma con le caselle di riepilogo, cioè in base a cio che seleziono nella casella di riepilogo si devono attivare o disattivare delle caselle di testo:
posto il codice:

codice:

<select name "tipo">
<option selected>normale</option>
<option>servizi</option>
</select>
<input name="giorno"  type="text">
<input name="mese"  type="text">
<input name="anno"  type="text">

se viene selezionato "servizi" deve disabilitare le 3 caselle di testo, se selezionato " normale" deve riabilitarle.

cosi:

codice:

<select name "tipo" id="tipo" onchange="if(this.selectedIndex == 1){document.getElementById('giorno').disabled=true;document.getElementById('mese').disabled=true;document.getElementById('anno').disabled=true;}else{document.getElementById('giorno').disabled=false;document.getElementById('mese').disabled=false;document.getElementById('anno').disabled=false;}">
<option selected>normale</option>
<option>servizi</option>
</select>
<input name="giorno" id="giorno"  type="text">
<input name="mese"  id="mese" type="text">
<input name="anno" id="anno"  type="text">

Ti consiglio di scaricarti le guide o i tutorial di html.it sez. javascript cosi anche tu impari questo affascinate mondo della programmazione in javascript.

Discussione: disattivare option button tramite checkbox

Strumenti discussione

Ricerca discussione

Visualizza

disattivare option button tramite checkbox

Re: disattivare option button tramite checkbox

Permessi di invio