Vérification des checkboxs

Version imprimable

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:

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:

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!

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:

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>

23/05/2006, 09h31
grumly22

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?

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 :faq: tout ça mais je suis dans un bon jour ...

Code:

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>

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

Code:

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:

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 :oops:

Code:

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>

23/05/2006, 10h03
grumly22

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...

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

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