Skip to main content
A
alanc66087203
Known Participant
September 20, 2021
Question

Using Javascript with Acrobat DC forms

  • September 20, 2021
  • 1 reply
  • 1089 views

I have attached a couple of pics. New to Javascript and I am trying to figure out how to either hide multiple Text Fields based on a Checkbox selection or once a Checkbox has been selected I can add text to a Text Field. I know what I am came up with is probably not the ideal way to so something to say the least. Right now I have overlapping fields that I have as either hidden or visible bassed on a Checkbox. Hope this makes sense. Thanks for the help.


if (event.target.isBoxChecked(0)){
this.getField("Paper.5140G").display = display.visible
}
else{
this.getField("Paper.5140G").display = display.hidden
}

if (event.target.isBoxChecked(0)){
this.getField("Paper.5120G").display = display.visible
}
else{
this.getField("Paper.5120G").display = display.hidden
}

if (event.target.isBoxChecked(0)){
this.getField("Paper.BannerS6G").display = display.visible
}
else{
this.getField("Paper.BannerS6G").display = display.hidden
}

if (event.target.isBoxChecked(0)){
this.getField("Paper.CarbonS6G").display = display.visible
}
else{
this.getField("Paper.CarbonS6G").display = display.hidden
}

if (event.target.isBoxChecked(0)){
this.getField("Paper.5030G").display = display.visible
}
else{
this.getField("Paper.5030G").display = display.hidden
}

if (event.target.isBoxChecked(0)){
this.getField("Paper.VacS9G").display = display.visible
}
else{
this.getField("Paper.VacS9G").display = display.hidden
}

if (event.target.isBoxChecked(0)){
this.getField("Paper.5020G").display = display.visible
}
else{
this.getField("Paper.5020G").display = display.hidden
}

if (event.target.isBoxChecked(0)){
this.getField("Paper.VacKitS9G").display = display.visible
}
else{
this.getField("Paper.VacKitS9G").display = display.hidden
}

if (event.target.isBoxChecked(0)){
this.getField("Paper.BannerS9G").display = display.visible
}
else{
this.getField("Paper.BannerS9G").display = display.hidden
}

This topic has been closed for replies.

1 reply

try67
Community Expert
try67Community Expert
Community Expert
September 20, 2021

Your code is not very efficient, but it seems correct. Is it not working? If so, are there any error messages when you use it?

To improve it (and make it more legible) I would combine all the commands that fall under one condition into a single block, like this:

 

if (event.target.isBoxChecked(0)){
	this.getField("Paper.5140G").display = display.visible;
	this.getField("Paper.5120G").display = display.visible;
	// etc.
} else{
	this.getField("Paper.5140G").display = display.hidden;
	this.getField("Paper.5120G").display = display.hidden;
	// etc.
}

 

A
alanc66087203Author
Known Participant
September 20, 2021

Thanks for the quick reply. It is working. I just figured there would be a more effcient way to achieve the results.Still learning

Nesa Nurani
Community Expert
Nesa NuraniCommunity Expert
Community Expert
September 20, 2021

You can do it like this:

var fields = ["Paper.5140G","Paper.5120G","Paper.BannerS6G","Paper.CarbonS6G","Paper.5030G","Paper.VacS9G","Paper.5020G","Paper.VacKitS9G","Paper.BannerS9G"];
for(var i in fields){
this.getField(fields[i]).display = event.target.value != "Off" ? display.visible : display.hidden;}

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices