I don't understand why my code isn't working?

Ask the community
,
1

I thought I have followed all instructions and have no errors in my console. I am trying to hide certain elements unless a certain radio button is clicked. Here is the code.

$w.onReady( function () {

$w( “#MARSTATUS” ).options = [
{ “label” : “Single” , “value” : “Single” },
{ “label” : “Married” , “value” : “Married” },
{ “label” : “Divorced” , “value” : “Divorced” },
{ “label” : “Widowed” , “value” : “Widowed” }
];
$w( “#NMBCHILD” ).options = [
{ “label” : “0” , “value” : “0” },
{ “label” : “1” , “value” : “1” },
{ “label” : “2” , “value” : “2” },
{ “label” : “3” , “value” : “3” },
{ “label” : “4” , “value” : “4” },
{ “label” : “5” , “value” : “5” }
]})
export function MARSTATUS_change(event) {
if (console.log)($w( “#MARSTATUS” ).value === “Married” );
$w( “#SPOUSEALL” ).show();
$w( “#NMBCHILD” ).show();
($w( “#MARSTATUS” ).value === “Single, Divorced, Widowed” );
$w( “#SPOUSEALL” ).hide();
$w( “#NMBCHILD” ).show();

if ($w( “#NMBCHILD” ).value === “0” ) {
$w( “#SUBMIT” ).show();
}
if ($w( “#NMBCHILD” ).value === “1” ) {
$w( “#CHILD1” ).show();
$w( “#SUBMIT” ).show();
}
if ($w( “#NMBCHILD” ).value === “2” ) {
$w( “#CHILD1” ).show();
$w( “#CHILD2” ).show();
$w( “#SUBMIT” ).show();
}
if ($w( “#NMBCHILD” ).value === “3” ) {
$w( “#CHILD1” ).show();
$w( “#CHILD2” ).show();
$w( “#CHILD3” ).show();
$w( “#SUBMIT” ).show();
}
if ($w( “#NMBCHILD” ).value === “4” ) {
$w( “#CHILD1” ).show();
$w( “#CHILD2” ).show();
$w( “#CHILD3” ).show();
$w( “#CHILD4” ).show();
$w( “#SUBMIT” ).show();
}
if ($w( “#NMBCHILD” ).value === “5” ) {
$w( “#CHILD1” ).show();
$w( “#CHILD2” ).show();
$w( “#CHILD3” ).show();
$w( “#CHILD4” ).show();
$w( “#CHILD5” ).show();
$w( “#SUBMIT” ).show();
}
}

2

Can you supply a screenshot of the page?

3

They added in reverse order. So top is bottom and bottom is top.

1638×1442 193 KB

1368×1528 192 KB

1888×1120 177 KB

1894×1182 182 KB

4

Have all of the elements you are looking to show been hidden on load through properties?

5

Yes they have been

6

I unhid them so you could see what I was working with.

7

Ok, one thing I notice off the bat is this:

exportfunction MARSTATUS_change(event) {   if (console.log)($w("#MARSTATUS").value === "Married");        $w("#SPOUSEALL").show();        $w("#NMBCHILD").show();    ($w("#MARSTATUS").value === "Single, Divorced, Widowed");        $w("#SPOUSEALL").hide();        $w("#NMBCHILD").show();

try removing/changing the location of (console.log) to the end of the event