[hvillemoes]

I have a form, where a checkbox controls the display of a subform.
Below code in the form works at entry (hides the subform) and when I click the checkbox (displays the subform).
But when I then again removes the check, the subforms no longer disappears.
All hints are appreciated.

Code: Select all

function ShowHideOracle(newVal,oldVal)
{
  if ( newVal == '0' ) {
    $('#OraDatabaseInstances').disableValidation();
    $('#OraProcesses').disableValidation();
    $('#OraDbFiles').disableValidation();
    $('#OraRedoLogs').disableValidation();
    $("#8979782105c5302564bd1d9006827115").hide();
  } else {
    $("#8979782105c5302564bd1d9006827115").show();
    $('#OraDatabaseInstances').enableValidation();
    $('#OraProcesses').enableValidation();
    $('#OraDbFiles').enableValidation();
    $('#OraRedoLogs').enableValidation();
  }
}

$('#OracleWanted').setOnchange(ShowHideOracle);

$('#OraDatabaseInstances').disableValidation();
$('#OraProcesses').disableValidation();
$('#OraDbFiles').disableValidation();
$('#OraRedoLogs').disableValidation();
$("#8979782105c5302564bd1d9006827115").hide();

[amosbatto]

You aren't checking correctly for the value of the checkbox. In version 3.2 and later, setOnchange() will report its value as '"0"' or '"1"'. If you are getting the value with getValue(), then it will be "0" or "1".

You need to use code like this:

Code: Select all

$("#showProductInfo").setOnchange(showHideProductInfo); //when checkbox changes value

showHideProductInfo( $("#showProductInfo").getValue(), "");  //when form loads
  
function showHideProductInfo(newVal, oldVal) {
  if (newVal == '"0"' || newVal == "0") {
    $("#9658653295c5a6e34098395019812830").hide();
  }
  else {
    $("#9658653295c5a6e34098395019812830").show();
  }
}

You shouldn't assume the checkbox will be unchecked and the subform is hidden when the form is loaded, because the user may be reloading the form.

[hvillemoes]

Thank you - will test - I was unsure about the possible results of getValue from a checkbox.

[hvillemoes]

Thank you again - the if conditions worked

[richvle]

What's the proper syntax if I have the subform UID already?

$SubformUID = $("#SubSection_SubprocessUID_ADP").getValue(); //#SubSection_SubprocessUID_ADP is a hidden control, and the value is 9658653295c5a6e34098395019812830
$($SubformUID).hide();

You aren't checking correctly for the value of the checkbox. In version 3.2 and later, setOnchange() will report its value as '"0"' or '"1"'. If you are getting the value with getValue(), then it will be "0" or "1".

You need to use code like this:

Code: Select all

$("#showProductInfo").setOnchange(showHideProductInfo); //when checkbox changes value

showHideProductInfo( $("#showProductInfo").getValue(), "");  //when form loads
  
function showHideProductInfo(newVal, oldVal) {
  if (newVal == '"0"' || newVal == "0") {
    $("#9658653295c5a6e34098395019812830").hide();
  }
  else {
    $("#9658653295c5a6e34098395019812830").show();
  }
}

You shouldn't assume the checkbox will be unchecked and the subform is hidden when the form is loaded, because the user may be reloading the form.

[amosbatto]

What's the proper syntax if I have the subform UID already?

$SubformUID = $("#SubSection_SubprocessUID_ADP").getValue(); //#SubSection_SubprocessUID_ADP is a hidden control, and the value is 9658653295c5a6e34098395019812830
$($SubformUID).hide();

You forgot to add the "#" and $ is not necessary in JavaScript. $ is used as an alias for jQuery, so you should avoid it for your variables.

Code: Select all

//#SubSection_SubprocessUID_ADP is a hidden control, and the value is 9658653295c5a6e34098395019812830
var SubformUID = $("#SubSection_SubprocessUID_ADP").getValue(); 
$("#" + SubformUID).hide();