Here I hide or show fields base on a checked value field.
This code goes in the addpage JavaScript Onload event and is for insperation.
var name = Runner.getControl(pageid,'PoolNameNumber');
var type = Runner.getControl(pageid, 'Type');
var bromine = Runner.getControl(pageid, 'BromineLevel');
var chorine = Runner.getControl(pageid, 'ChlorineLevel');
var salt = Runner.getControl(pageid, 'SaltConcentration');
type.on('change', function (e) {
if (this.getValue() == 'Freshwater Pool') {
pageObj.showField("ChlorineLevel");
chorine.show();
pageObj.hideField("BromineLevel");
pageObj.hideField("SaltConcentration");
bromine.hide();
salt.hide();
} else {
if (this.getValue() == 'Fresh Water Hot Tub') {
pageObj.hideField("ChlorineLevel");
chorine.hide();
pageObj.hideField("SaltConcentration");
salt.hide();
pageObj.showField("BromineLevel");
bromine.show();
} else {
if (this.getValue() == 'Saltwater Hot Tub') {
pageObj.hideField("ChlorineLevel");
chorine.hide();
pageObj.showField("BromineLevel");
bromine.show();
pageObj.showField("SaltConcentration");
salt.show();
} else {
if (this.getValue() == 'Saltwater Pool') {
pageObj.hideField("BromineLevel");
bromine.hide();
pageObj.showField("ChlorineLevel");
chorine.show();
pageObj.showField("SaltConcentration");
salt.show();
}
}
}
}
});