Checkbox che disabled tutti gli altri checkbox

**dabbia** · 16-05-2006, 16:15

Ho creato un form dove ci sono tanti checkbox.
Vorrei che cliccando su "disabilita tutti gli altri" mi disabiliti tutti gli altri.

Il codice funziona se clicco la prima volta. Ma quando tento di ripristinare la situazione iniziale, tutti gli altri checkbox rimangono disabilitati. Perché? Mi dareste una mano?
Grazie

codice:

<javascript>
function selectall(val) {
if (val) {
document.newslett_form.all.disabled=true; 
document.newslett_form.piano.disabled=false; 
document.newslett_form.chit_clas.disabled=false; 

} else {
document.newslett_form.all.disabled=false; 
document.newslett_form.piano.disabled=true; 
document.newslett_form.chit_clas.disabled=true; 
}
}
</script>

....

<form method="post" name="newslett_form"> 
<table border="0" align="center">
  <tr>
    <td><input name="all" type="checkbox" id="all" value="1" onClick="selectall(document.newslett_form.checked)"></td>
    <td colspan="3">Disabilita le altre </td>
  </tr>
  <tr>
    <td><input name="piano" type="checkbox" id="piano" value="1"></td>
    <td>check1</td>
    <td><input name="chit_clas" type="checkbox" id="chit_clas" value="1"></td>
    <td>check2</td>
  </tr>
</table>
</form>

**cavicchiandrea** · 16-05-2006, 17:45

Originariamente inviato da dabbia
Ho creato un form dove ci sono tanti checkbox.
Vorrei che cliccando su "disabilita tutti gli altri" mi disabiliti tutti gli altri.

Il codice funziona se clicco la prima volta. Ma quando tento di ripristinare la situazione iniziale, tutti gli altri checkbox rimangono disabilitati. Perché? Mi dareste una mano?
Grazie

codice:

<javascript>
function selectall(val) {
if (val) {
document.newslett_form.all.disabled=true; 
document.newslett_form.piano.disabled=false; 
document.newslett_form.chit_clas.disabled=false; 

} else {
document.newslett_form.all.disabled=false; 
document.newslett_form.piano.disabled=true; 
document.newslett_form.chit_clas.disabled=true; 
}
}
</script>

....

<form method="post" name="newslett_form"> 
<table border="0" align="center">
  <tr>
    <td><input name="all" type="checkbox" id="all" value="1" onClick="selectall(this.checked)"></td>
    <td colspan="3">Disabilita le altre </td>
  </tr>
  <tr>
    <td><input name="piano" type="checkbox" id="piano" value="1"></td>
    <td>check1</td>
    <td><input name="chit_clas" type="checkbox" id="chit_clas" value="1"></td>
    <td>check2</td>
  </tr>
</table>
</form>

Prova cosi:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<script>
function selectall(val) {
if (val) {
document.newslett_form.piano.disabled=true; 
document.newslett_form.chit_clas.disabled=true; 

} else {
document.newslett_form.piano.disabled=false; 
document.newslett_form.chit_clas.disabled=false; 
}
}
</script>
</head>

<body>



<form method="post" name="newslett_form"> 
<table border="0" align="center">
  <tr>
    <td><input name="all" type="checkbox" id="all" value="1" onClick="selectall(this.checked)"></td>
    <td colspan="3">Disabilita le altre </td>
  </tr>
  <tr>
    <td><input name="piano" type="checkbox" id="piano" value="1"></td>
    <td>check1</td>
    <td><input name="chit_clas" type="checkbox" id="chit_clas" value="1"></td>
    <td>check2</td>
  </tr>
</table>
</form>
</body>
</html>

Discussione: Checkbox che disabled tutti gli altri checkbox

Strumenti discussione

Ricerca discussione

Visualizza

Checkbox che disabled tutti gli altri checkbox

Re: Checkbox che disabled tutti gli altri checkbox

Permessi di invio