habilitar con un checkboxgroup otra parte del formulario

[alejalejandro]

tengo un pequeño y estupido problema, que no se resolver....

yo tengo una pagina creada en jsp, y necesito habilitar una parte del formulario dependiendo de la alternativa que seleccione el usuario, si el toma la alternativa X, se debe activar la otra parte del formulario, sino, deben permanecer disabled.... quien pueda ayudarme se lo agradeceria mucho

alli adjunto parte del codigo

saludos!!!!


"Dios TIene que ser Ingeniero"


<webuijsf:html binding="#{Page3.html1}" id="html1">
<webuijsf:head binding="#{Page3.head1}" id="head1">
<script>
var activo=true
function cambio(){
activo=(activo)?false:true;
document.forms[1].elements[0].disabled=activo;
document.forms[1].elements[1].disabled=activo;
document.forms[1].elements[2].disabled=activo;
document.forms[1].elements[3].disabled=activo;

}
</script>

<webuijsf:form binding="#{Page3.form1}" id="form1">
<webuijsf:staticText id="staticText1" style="height: 24px; left: 288px; top: 552px; position: absolute; width: 120px"/>
<webuijsf:textField id="textField1" style="height: 24px; left: 408px; top: 552px; position: absolute; width: 96px"/>
<webuijsf:label for="textField2" id="label1" style="height: 24px; left: 288px; top: 600px; position: absolute; width: 96px" text="Label"/>
<webuijsf:textField id="textField2" style="height: 24px; left: 384px; top: 600px; position: absolute; width: 216px"/>
<webuijsf:label for="textField3" id="label2" style="height: 24px; left: 288px; top: 648px; position: absolute; width: 120px" text="Label"/>
<webuijsf:textField id="textField3" style="height: 24px; left: 408px; top: 648px; position: absolute; width: 192px"/>
</webuijsf:form>
<webuijsf:form id="form2" style="height: 360px; left: 72px; top: 48px; position: absolute; width: 552px">
<webuijsf:staticText id="staticText2" style="position: absolute; left: 72px; top: 120px; width: 120px; height: 24px" text="parte I"/>
<webuijsf:textField disabled="true" id="textField4" style="position: absolute; left: 192px; top: 120px; width: 144px; height: 24px"/>
<webuijsf:staticText id="staticText3" style="position: absolute; left: 72px; top: 168px; width: 120px; height: 24px" text="parteII"/>
<webuijsf:textField disabled="true" id="textField5" style="position: absolute; left: 192px; top: 168px; width: 168px; height: 24px"/>
<webuijsf:label for="textField6" id="label3" style="position: absolute; left: 72px; top: 216px; width: 120px; height: 24px" text="parte III"/>
<webuijsf:textField id="textField6" style="position: absolute; left: 192px; top: 216px; width: 192px; height: 24px"/>
<webuijsf:dropDown disabled="true" id="dropDown1" items="#{Page3.dropDown1DefaultOptions.options}"
style="position: absolute; left: 408px; top: 96px; height: 48px" width="96"/>
<webuijsf:listbox id="listbox1" items="#{Page3.listbox1DefaultOptions.options}"
style="height: 48px; left: 408px; top: 144px; position: absolute" width="120"/>

<webuijsf:checkboxGroup id="checkboxGroup1" items="#{Page3.checkboxGroup1DefaultOptions.option s}" style="position: absolute; left: 48px; top: 24px; width: 144px; height: 72px"/>
</webuijsf:form>