Selecting a radio button to produce a dropdown

Ask the community
,
1

Hi all -

I’ve tried everything that I know from resources … to no avail.
I have a radio button that says ANNUAL and LIFETIME. When ANNUAL is selected I would like to keep the dropdown hidden. When LIFETIME is selected, I would like to show the dropdown AGE GROUP, where different age groups get different rates, the older you are the less the fee is.

The problem I’m having is that no matter what radiobutton I press, the dropdown shows after the selection. I know, or think I know, I’m missing something in code after the on-click event of RadioGroup1.

The code I currently have :

$w.onReady( function () {
//TODO: write your page related code here…

// If radiobutton1 is (Lifetime), show dropdown6 (age group)
$w.onReady( function (){
$w(“#dropdown6”).hide()
});

$w(“#radioGroup1”).onClick( function () {
$w(“#dropdown6”).show()
})
})

2

  1. Instead of onClick(), use onChange()

  2. Inside the onChange() add a condition: if($w(“#radioGroup1”).value === “lifeTime”){$w(“#dropdown6”).show();}