validate multiple checkboxes using javascript

[dream2rule]

Hello All,

I am trying to validate multiple checkboxes whose values are stored in an array using php. I have been trying from a really long time but nothing's working out.

Can anyone help?

Here's the code:

<form id="create_user" name="create_user" method="post" action="creating_database.php" onsubmit="return validate_create_user_form();">
<?php
$priviliges = array("SELECT","INSERT","UPDATE","DELETE","FILE","CREATE","ALTER","INDEX","DROP","CREATE TEMPORARY TABLES","CREATE VIEW","SHOW VIEW","CREATE ROUTINE","ALTER ROUTINE","EXECUTE","GRANT","SUPER","PROCESS",
"RELOAD","SHUTDOWN","SHOW DATABASES","LOCK TABLES", "REFERENCES", "REPLICATION CLIENT", "REPLICATION SLAVE");
 
echo "<table border=0 cellpadding=0 cellspacing=0 align=center width='100%' border='1'>";
$count = count($priviliges)."<br>";
//echo $count;
 
for($i = 0; $i < $count; $i++ ) 
{
    if($i == 0)
        echo "<tr>";
 
    echo "<td align=left><input type=checkbox name=priviliges[] 
value='$priviliges[$i]'>$priviliges[$i]</td>";
    echo "</tr>";
}
 
echo "</table>";
?>
</form>
 

I would want to validate the priviliges[] array which consists of the above mentioned values. If no privilige is checked, i want to display an error message saying to check atleast one privilige.

Any help would be appreciated.

Thanks and Regards,
Dream2rule

[acoder]

Use

document.getElementsByName("priviliges[]");

to get all the checkboxes in an array. Then loop over the checkboxes and keep checking the checked property. If none are checked, alert the error message. I assume you would do this onsubmit.

PS. privilege is spelled incorrectly!

[dream2rule]

Tried doing it this way but it does not help. :(

 
for ( var i=0; i < document.getElementsByName("priviliges[]"); i++) 
    //priviliges is the name of the group of checkboxes
    {
            if (document.getElementsByName("priviliges[i]").checked) 
            {
                var priviliges_checked[i] = document.getElementsByName("priviliges[i]").value;
            }
    }
    if( (priviliges_checked[i] == null) || (priviliges_checked[i] == "") )
    {
        alert("Please check atleast 1 privilege!");
        return false;
    }
 
 

[acoder]

var privs = document.getElementsByName("priviliges[]");

will give you an array. To get the count, use:

privs.length

and to index an item in the array:

privs[i]

so your code could be:

var privs = document.getElementsByName("priviliges[]");
var privschecked = false;
for (var i = 0; i < privs.length; i++) {
  if (privs[i].checked) {
   privschecked = true;
   break;
  }
}
if (!privschecked) {
  alert('blah');
  return false;
}
return true;

[dream2rule]

thanks a lot.. it helped :)

[acoder]

Glad it helped.

[Irulappan P]

Hi,
your code is very useful for me .thanks alot...