checkbox script.

[thenamenoonehastaken]

Hi everyone,

I am new to the fun world of javascript and am having a problem with this little script... perhaps one of you guys can help...

what I am trying to achieve is to have a series of checkboxes that display options to my user. they are

option 1
option 2
option 3
option 4

select all.


the goal here is when a user clicks the select all box it clears all the options and disables them except the select all button. if the user decides to select from the other options, they can but only after they have de-selected the select all checkbox.

what i have so far is below...

HTML: Select all

<SCRIPT LANGUAGE="JavaScript">

function Check(chk)
{
if(document.myform.AllRecipients.checked==true){
for (i = 0; i < chk.length; i++)
chk[i].checked = false ;


}else{

for (i = 0; i < chk.length; i++)
chk[i].checked = false ;
}
}
</script>


<form id="myForm" name="myform" action="" method="post" enctype="multipart/form-data">

<input enabled  type="checkbox" name="Recipients" onClick="agreesubmit(this);" value="1" /><font class="FormLabel"></font>

<input type="checkbox" name="AllRecipients" value="0" onClick="Check(document.myform.Recipients); agreesubmit(this);" />

</form>

[RohanShenoy]

Found similar one here. See if you can compare and induce.
http://www.codecoffee.com/articles/9tips.html

[Rakuli]

G'day mate..

You can change the function to something like that below... commented to help you understand

Code: Select all

function Check(chk)
{
    // first thing we'll do is get the elements from the form
    var formElements = chk.getElementsByTagName('input');
    var nm = formElements.length; // count them

   // now, are we enabling or disabling.. If the 'AllRecipients' box is checked then we must be disabling and vice versa

   var ea = chk.AllRecipients.checked ? false : true; 
// now cycle through the elements and we'll do some checking to see if it's a 
// checkbox and whether to enable or disable it.

     for (i=0; i< nm; i++)
     {
           // is it even a checkbox?
           // we won't worry about disabling this if it is the allrecipents button

           if (formElements[i].type == 'checkbox' && formElements[i].name != 'AllRecipients')
          {
                     // set the enabled property to true or false depending on the above
                     formElements[i].enabled = ea;
          }
        }

}

That should cover it for you... cheers,