Beperking van het aantal selectievakjes geselecteerd door de gebruiker in PHP

Question

Beperking van het aantal selectievakjes geselecteerd door de gebruiker in PHP

Ik heb de volgende tabel gemaakt die de gebruiker de mogelijkheid geeft om selectievakjes te gebruiken om de selectie aan te vinken. Ik beperkte het aantal selectie tot vier, maar het selecteerde meer dan 4 keuzes.

HTML:

<table width="100%" border="0">
    <tr>
        <th width="37%" height="19" align="center" bgcolor="#CCCCCC">
            Biological
        </th>
        <th width="37%" align="center" bgcolor="#CCCCCC">
            Psychological
        </th>
        <th width="37%" align="center" bgcolor="#CCCCCC">
            Social
        </th>
    </tr>
    <tr>
        <td>
            <input type="radio" name="Antidepressant" id="Antidepressant" value="Antidepressant" onclick="chkcontrol(1)" />
            Antidepressant</td>
        <td> </td>
        <td> </td>
    </tr>
    <tr>
        <td>
            <input type="radio" name="Antipsychotic oral" id="Antipsychotic oral" value="Antipsychotic oral" onclick="chkcontrol(2)" />
            Antipsychotic oral</td>
        <td> </td>
        <td> </td>
    </tr>
    <tr>
        <td>
            <input type="radio" name="Antipsychotic_depot" id="Antipsychotic depot" value="Antipsychotic depot" onclick="chkcontrol(3)" />
            Antipsychotic depot</td>
        <td> </td>
        <td> </td>
    </tr>
    <tr>
        <td>
            <input type="radio" name="Bblocker" id="B-blocker" value="B-blocker" onclick="chkcontrol(4)" />
            B-blocker</td>
        <td> </td>
        <td> </td>
    </tr>
    <tr>
        <td>
            <input type="radio" name="Benzodiazepine" id="Benzodiazepine" value="Benzodiazepine" onclick="chkcontrol(5)" />
            Benzodiazepine</td>
        <td> </td>
        <td> </td>
    </tr>
    <tr>
        <td>
            <input type="radio" name="Mood_stabiliser" id="Mood stabiliser" value="Mood stabiliser" onclick="chkcontrol(6)" />
            Mood stabiliser</td>
        <td> </td>
        <td> </td>
    </tr>
    <tr>
        <td>
            <input type="radio" name="ECT" id="ECT" value="ECT" onclick="chkcontrol(7)" />
            ECT</td>
        <td> </td>
        <td> </td>
    </tr>
    <tr>
        <td>
            <input type="radio" name="Otherbio" id="Other" value="Other" />
            Other</td>
        <td> </td>
        <td> </td>
    </tr>
    <tr>
        <td> </td>
        <td> </td>
        <td> </td>
    </tr>
</table>

Het script werd gebruikt om het aantal selectie te checeren:

function chkcontrol(j) {
    var total = 0;
    for (var i = 0; i < document.form1.ckb.length; i++) {
        if (document.form1.ckb[i].checked) {
            total = total + 1;
        }
        if (total > 4) {
            alert("Please Select only three")
            document.form1.ckb[j].checked = false;
            return false;
        }
    }
}

Hier is een screenshot:

enter image description here

0

toegevoegd 24 juni 2012 op 02:52 de auteur Tina bewerkt 24 juni 2012 op 03:02

Bekeken: 3

de bron

ja ru fr es pt de ar

Wat u daar zou moeten gebruiken, zijn selectievakjes, geen keuzerondjes.

toegevoegd 24 juni 2012 op 03:00, de auteur Derek 朕會功夫, de bron

Er zijn veel problemen in uw code. Eerst moet het <input> zijn in plaats van . Ten tweede is id = "Mood stabilizer" niet correct omdat geen spatie is toegestaan in id . Ten derde zijn s niet op die manier gebruikt . Dit is een goede HTML-referentie: developer.mozilla.org/en/HTML

toegevoegd 24 juni 2012 op 03:05, de auteur Derek 朕會功夫, de bron

@nnnnnn - Je hebt gelijk, en het is goed in HTML5.

toegevoegd 24 juni 2012 op 03:52, de auteur Derek 朕會功夫, de bron

voor starters zijn dat geen keuzerondjes.

toegevoegd 24 juni 2012 op 02:55, de auteur tradyblix, de bron

en ook ID's in HTML kunnen geen spaties hebben, b.v. id = "Antipsychoticum-depot"

toegevoegd 24 juni 2012 op 02:59, de auteur tradyblix, de bron

U hebt geen "form1.ckb" in uw HTML zodat de JS-code niets doet

toegevoegd 24 juni 2012 op 02:56, de auteur alfasin, de bron

@Derek: <input /> met een / is vereist voor xhtml en doet geen schade in (niet-x) html.

toegevoegd 24 juni 2012 op 03:46, de auteur nnnnnn, de bron

Wat heeft PHP ermee te maken? Het enige JavaScript ..

toegevoegd 24 juni 2012 op 02:54, de auteur SuperSaiyan, de bron

maar het script werkt niet en de gebruiker kan meer dan 4 keuzes selecteren

toegevoegd 24 juni 2012 op 02:53, de auteur Tina, de bron

1 antwoord

de auteur alfasin · Answer 1 · 2012-06-24T03:05Z

Na een paar kleine correcties:

<html>
<head>
<script type="text/javascript">
function chkcontrol(j) {
    var total=0;
    for(var i=0; i < document.form1.ckb.length; i++){
        if(document.form1.ckb[i].checked){
            total =total +1;
        }
        if(total > 4){
            alert("Please Select only four!")
            document.form1.ckb[j].checked = false ;
            return false;
        }
    }
}
</script>

</head>
<body>
<table width="100%" border="0">
    <form action="" id="form1" name="form1">
            <tr>
              <th width="37%" height="19" align="center" bgcolor="#CCCCCC">Biological</th>
              <th width="37%" align="center" bgcolor="#CCCCCC"> Psychological</th>
              <th width="37%" align="center" bgcolor="#CCCCCC"> Social</th>
            </tr>
            <tr>
              <td><input type="radio" name="Antidepressant" id="ckb" value="Antidepressant" onclick="chkcontrol(0);" />
                Antidepressant</td>
              <td> </td>
              <td> </td>
            </tr>
            <tr>
              <td><input type="radio" name="Antipsychotic oral" id="ckb" value="Antipsychotic oral" onclick="chkcontrol(1);" />
                Antipsychotic oral</td>
              <td> </td>
              <td> </td>
            </tr>
            <tr>
              <td><input type="radio" name="Antipsychotic_depot" id="ckb" value="Antipsychotic depot" onclick="chkcontrol(2);" />
                Antipsychotic depot</td>
              <td> </td>
              <td> </td>
            </tr>
            <tr>
              <td><input type="radio" name="Bblocker" id="ckb" value="B-blocker"  onclick="chkcontrol(3);"/>
                B-blocker</td>
              <td> </td>
              <td> </td>
            </tr>
            <tr>
              <td><input type="radio" name="Benzodiazepine" id="ckb" value="Benzodiazepine"  onclick="chkcontrol(4);"/>
                Benzodiazepine</td>
              <td> </td>
              <td> </td>
            </tr>
            <tr>
              <td><input type="radio" name="Mood_stabiliser" id="ckb" value="Mood stabiliser"  onclick="chkcontrol(5);"/>
                Mood stabiliser</td>
              <td> </td>
              <td> </td>
            </tr>
            <tr>
              <td><input type="radio" name="ECT" id="ckb" value="ECT"  onclick="chkcontrol(6);"/>
                ECT</td>
              <td> </td>
              <td> </td>
            </tr>
            <tr>
              <td><input type="radio" name="Otherbio" id="ckb" value="Other"  onclick="chkcontrol(7);"/>
                
                Other</td>
              <td> </td>
              <td> </td>
            </tr>
            <tr>
              <td> </td>
              <td> </td>
              <td> </td>
            </tr>
        </form>
    </table>
</body>
</html>

Toch is het niet logisch, omdat de vorm de inhoud nergens indient, maar het is een goede POC.