Vérification des checkboxs

**grumly22** · 23/05/2006, 09h00

Salut,

J'ai mis en place un formulaire avec des checkboxs à l'interieur. J'ai essayé de mettre en place une petite fonction pour vérifier qu'au moins une checkbox avit été cocher, mais elle ne fonctionne pas; Est ce que quelqu'un pourrait m'aider?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function checkForm2(num) {
    msg = "";
    eval("var formObj = document.form" + num + "_2;");
 
    if (formObj.group.checked == false) msg += "<?printMLText("js_select_group");?>\n";
 
    if (msg != "")
    {
        alert(msg);
        return false;
    }
    else
        return true;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<form action="../op/op.UsrMgr.php" name="form<?print $us->getID();?>_2" onsubmit="return checkForm2('<?print $us->getID();?>');">
        <input type="Hidden" name="action" value="addgroup">
        <input type="Hidden" name="userid" value="<?print $us->getID();?>">
        <table>
            <tr>
                <td class="inputDescription"><?printMLText("add_groups");?>:</td>
                        <?
                            $i = 0;
                            $k = count($allGroups) - 1;
                            $j = count($allGroups) / $k;
                            foreach ($allGroups as $currGroup){
                            if ( $i > $j){
                            print "</tr><tr><td></td>";
                            $i = 0;
                            }  
                            $i++;            
                            if (!$us->isInGroup($currGroup))
                                print "<td><input type='checkbox' name='group[]' value=\"".$currGroup->getID()."\">" . $currGroup->getName() . "\n";
                                $group = $_POST["group"]."</td>";
                            }     
                                        ?>
                           </tr>
            <tr>
                <td colspan="2"><br><input type="Submit"></td>
            </tr>
        </table>
        </form>

Merci!

**SpaceFrog** · 23/05/2006, 09h22

oulào un fabuleux mélange de javascript et de php ..
sauf que le php ne s'exécute pas coté client ...

pour verifier sir au moins un check est coché il faut scanner la collection ...le principe:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type='text/javascript'>
function checkmychecks(){
var atleastone=0;
var checkcollection=document.getElementsByName('nomdeschecks')
for (i=0;i<checkcollection.length;i++){
            atleastone+=(checkcollection[i].checked)?1:0;
            }
//alert(atleastone)
 
alert((atleastone<1)?"il faut en cocher au moins 1":"au moins un est coché")
}
</script>
</head>
 
<body>
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="button" onclick="checkmychecks()" value='check' />
</body>

**grumly22** · 23/05/2006, 09h31

D'accord, mais il ne va pas effectuer mon action submit. Le bouton va juste servir à verifier si les checkbox sont coché ou pas, non?

**SpaceFrog** · 23/05/2006, 09h39

u veux donc avant le submit vérifier si au moins un est checked et refuser l'envoi du form si ce n'est pas le cas ...
c'est dans la

tout ça mais je suis dans un bon jour ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script type='text/javascript'>
function checkmychecks(){
var atleastone=0;
var checkcollection=document.getElementsByName('nomdeschecks')
for (i=0;i<checkcollection.length;i++){
            atleastone+=(checkcollection[i].checked)?1:0;
            }
//alert(atleastone)
 
alert((atleastone<1)?"il faut en cocher au moins 1":"au moins un est coché")
 
return (atleastone<1)?false:true;
}
</script>
</head>
 
<body>
<form action="javascript:alert('je soumets le formulaire')" onsubmit="return checkmychecks();" >
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="checkbox" name="nomdeschecks" />
<input type="submit" value='valider' />
</body>

**grumly22** · 23/05/2006, 09h48

en gros, ça dois donner ça, non? :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function checkmychecks(num){
var atleastone=0;
eval("var formObj = document.form" + num + "_2;");
var checkcollection=formObj.getElementsByName('group')
for (i=0;i<checkcollection.length;i++){
            atleastone+=(checkcollection[i].checked)?1:0;
            }
//alert(atleastone)
 
alert((atleastone<1)?"il faut en cocher au moins 1":"au moins un est coché")
 
return (atleastone<1)?false:true;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<form action="../op/op.UsrMgr.php" name="form<?print $us->getID();?>_2" onsubmit="return checkmychecks('<?print $us->getID();?>');">
        <input type="Hidden" name="action" value="addgroup">
        <input type="Hidden" name="userid" value="<?print $us->getID();?>">
        <table>
            <tr>
                <td class="inputDescription"><?printMLText("add_groups");?>:</td>
                        <?
                            $i = 0;
                            $k = count($allGroups) - 1;
                            $j = count($allGroups) / $k;
                            foreach ($allGroups as $currGroup){
                            if ( $i > $j){
                            print "</tr><tr><td></td>";
                            $i = 0;
                            }  
                            $i++;            
                            if (!$us->isInGroup($currGroup))
                                print "<td><input type='checkbox' name='group[]' value=\"".$currGroup->getID()."\">" . $currGroup->getName() . "\n";
                                $group = $_POST["group"]."</td>";
                            }     
                                        ?>
                           </tr>
            <tr>
                <td colspan="2"><br><input type="Submit"></td>
            </tr>
        </table>
        </form>

dsl .. je suis carrement une quiche en javascript

**javatwister** · 23/05/2006, 09h55

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<script type='text/javascript'>
function checkmychecks(ch){
 for(i=0;i<ch.length;i++){
  if(ch[i].checked){
   return true
  }
 }
return false
}
</script>
</head>
<body>
<form action="" onsubmit="return checkmychecks(this.elements['checks[]']);" >
<input type="checkbox" name="checks[]" />
<input type="checkbox" name="checks[]" />
<input type="checkbox" name="checks[]" />
<input type="checkbox" name="checks[]" />
<input type="checkbox" name="checks[]" />
<input type="checkbox" name="checks[]" />
<input type="checkbox" name="checks[]" />
<input type="checkbox" name="checks[]" />
<input type="checkbox" name="checks[]" />
<input type="checkbox" name="checks[]" />
<input type="checkbox" name="checks[]" />
<input type="submit" value='valider' />
 
</body>
</html>

**grumly22** · 23/05/2006, 10h03

Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... Merci ... etc...

Problème résolu, ça marche nikel.

un grand merci à toi javatwister pour ta solution et à toi SpaceFrog pour ton aide.

Vérification des checkboxs

JavaScript

Discussions similaires

Partager

Partager