Checkbox group disable

[vajra1987]

Hello JS Group

I have a few checkbox groups in my form . I would like to enable or disable them based on some values chosen in option boxes. I have the following code, the disableGroup function is a variation of enableGroup function from this example

in radio button :

onclick="javascript:disableSomething()"

and the disableSomething() and disableGroup are:

function disableSomthing() 
        {
        var name1 = 'checkboxgroup1';
        var name2 = 'checkboxgroup2';
        var formname = 'theFormName';
 
        disableGroup(name1,formname);
        disableGroup(name2,formname);
 
        ..............     
        }
 
         function disableGroup(name, form) {
         var group = form.elements[name];
         for(var i = 0, n = group.length; i < n; ++i) {
         group[i].disabled = true;
         }
         }

But when I run the code I get error:

"elements is null or not an object".

I have tried to figure out what is wrong but failed.Could you please have a look at my code and advise ? I'd be grateful.

Regards
Vajra

[acoder]

You're just passing the form name to disableGroup whereas it expects a form object.

Try document.forms[form].elements...

[vajra1987]

You're just passing the form name to disableGroup whereas it expects a form object.

Try document.forms[form].elements...

Many thanks for the answer , the method you recommended works. I also tried doing it with getElementsById (to omit form name) but nothing happens:

var group = document.getElementById(name);

It would be great if you could tell me how to make the above work as well.

Many thanks and regards
Vajra

[acoder]

getElementById only gets one element. Since checkboxes are a group of elements, you will need to use document.getElementsByName instead.