Assistance with Multiple Checkbox fields showing and hiding same layers

Question

Hi all, hoping for some help here, as I've been working on this for many hours now, but can't seem to find a resolution. I'm fairly new to pdf forms and Javascripting, so don't have much knowledge to pull off from. I am tasked with putting a form together where depending on what checkboxes are selected, certain sections of the form will show and hide layers and form fields. I did figure this out. However, there are a couple checkboxes on the first page that overlap in the sense that they should show the same layers and fields when selected. So if one of these are selected, it should show those fields and layers, if two are selected, they should show, and so on. The problem is, if two or more of those checkboxes are selected, and one of them is deselected, all the layers in the document dissappear. To resolve this, I tried utilizing 'or' statements but can't seem to get it to work. Here is what I have so far. Thank you much for any assistance!{
var f = this.getField("checkbox 1");
var g = this.getField("checkbox 2");
var h = this.getField("checkbox 3");
if(f || g || h.isBoxChecked(0))
{
if(layer[i].name=="S2")
{layer[i].state=true}
if(layer[i].name=="S22")
{layer[i].state=true}
if(layer[i].name=="S23")
{layer[i].state=true}
if(layer[i].name=="S24")
{layer[i].state=true}
if(layer[i].name=="n4")
{layer[i].state=false}
if(layer[i].name=="n5")
{layer[i].state=false}
if(layer[i].name=="n6")
{layer[i].state=false}
if(layer[i].name=="n7")
{layer[i].state=false}
}
else if(f || g || h.isBoxChecked(1)){
if(layer[i].name=="S2")
{layer[i].state=false}
if(layer[i].name=="S22")
{layer[i].state=false}
if(layer[i].name=="S23")
{layer[i].state=false}
if(layer[i].name=="S24")
{layer[i].state=false}
if(layer[i].name=="n4")
{layer[i].state=true}
if(layer[i].name=="n5")
{layer[i].state=true}
{layer[i].state=false}
if(layer[i].name=="n6")
{layer[i].state=true}
if(layer[i].name=="n7")
{layer[i].state=true}
}
}

lances40709015 · Accepted Answer

Thank you both for your help! I did add that space after var, and the layers are now toggling on and off. However, I'm experiencing an issue with deselecting. When a box is deselected, it hides all other layers, even though they are not specified in the Javascript. I'm not sure if I can share the form directly, but the below is how I have it looking.

Thanks for the suggestion try67! Unfortunately, I have two layers for each page. One should always show if that section is not selected. They wanted a visual indicator for blank pages if a section is not selected, so I will have an initial state which shows those layers.

Main page of form. The initial state should have page 1 and all n# layers shown. Upon selecting a checkbox, it should show all s# layers and fields associated with that section and turn off n# layers.

If not selected, the n# layers show the following text.

If selected, then s# layers and fields for that section will show.

Thank you again for taking a look, and I'd appreciate any further help!

Hi all,

So I believe this ended up being an easy fix. Of course I missed it in the code, but under the layer n5, I have two layer states specified. {layer[i].state=false} was hiding all the fields. Once I removed it, it toggled the way I wanted it to. Thanks again for your assistance and for taking a look at my issue.

if(layer[i].name=="n4")
{layer[i].state=true}
if(layer[i].name=="n5")
{layer[i].state=true}
{layer[i].state=false}
if(layer[i].name=="n6")
{layer[i].state=true}

Bernd Alheit · Answer

Where does you set i?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded