Azzerare tutti i checkbox selezionando radio buttom

**ligrone** · 16-03-2015, 12:04

Ho un form con 4 checkbox e un radio button che dovrebbero funzionare più o meno così:

codice:

<p>
  <label>
    <input type="checkbox" name="CheckboxGroup1" value="antipasto" id="CheckboxGroup1_0" />
    antipasto</label>
  <br />
  <label>
    <input type="checkbox" name="CheckboxGroup1_" value="primo" id="CheckboxGroup1_1" />
    primo</label>
  <br />
  <label>
    <input type="checkbox" name="CheckboxGroup1_" value="secondo" id="CheckboxGroup1_2" />
    secondo</label>
  <br />
  <label>
    <input type="checkbox" name="CheckboxGroup1_" value="contorno" id="CheckboxGroup1_3" />
    contorno</label>
<br />
  <input type="radio" name="radio" id="radio" value="senza pranzo" />senza pranzo</label>
  <br />
</p>

selezionando il radio button "senza pranzo" dovrebbe deselezionare tutti i checkbox nel caso siano stati precedentemente selezionati.
Vorrei farlo con javascript, secondo voi è possibile?

**carlomarx** · 16-03-2015, 16:22

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
function checkMyForm () {
    for (var aMn = this["menu_pranzo[]"], nItem = 0; nItem < aMn.length; nItem++) {
        aMn[nItem].disabled = this.pranzo[1].checked;
        if (this.pranzo[1].checked) {
            aMn[nItem].checked = false;
        }
    }
}

onload = checkMyForm;
</script>
</head>

<body>

<form name="tuoform" onchange="checkMyForm.call(this);">

    <fieldset>

        <legend>Tuo Form</legend>

        <p>Blablablabla blablabla</p>

        <p><input type="radio" name="pranzo" id="RadioboxGroup0_0" value="si" />
        <label for="RadioboxGroup0_0">con pranzo</label></p>

        <fieldset>

            <legend>Menu</legend>

            <input type="checkbox" name="menu_pranzo[]" value="antipasto" id="CheckboxGroup1_0" />
            <label for="CheckboxGroup1_0">antipasto</label><br />

            <input type="checkbox" name="menu_pranzo[]" value="primo" id="CheckboxGroup1_1" />
            <label for="CheckboxGroup1_1">primo</label><br />

            <input type="checkbox" name="menu_pranzo[]" value="secondo" id="CheckboxGroup1_2" />
            <label for="CheckboxGroup1_2">secondo</label><br />

            <input type="checkbox" name="menu_pranzo[]" value="contorno" id="CheckboxGroup1_3" />
            <label for="CheckboxGroup1_3">contorno</label>

        </fieldset>

        <p><input type="radio" name="pranzo" id="RadioboxGroup0_1" value="no" />
        <label for="RadioboxGroup0_1">senza pranzo</label></p>

        <p>Blablablabla blablabla</p>

    </fieldset>

</form>

</body>
</html>

**ligrone** · 16-03-2015, 17:44

Grazie infinite...

Discussione: Azzerare tutti i checkbox selezionando radio buttom

Strumenti discussione

Ricerca discussione

Visualizza

Azzerare tutti i checkbox selezionando radio buttom

Permessi di invio