Custom Javascript & CSS, conditional select

Thanks for the response. I tried to place a simple CSS like this

.calculation-1 {
color:red;
}

and added “calculation-1” in the Additional CSS Styling tab, but nothing happened. So if I have a field like {calculation-1}, could you be help me apply a custom CSS to that field?

Also, on my second question, is it possible to pick the value of a one field based on a radio selection by the User?

Example: I have two calculated fields HALF-YEAR and FULL_YEAR payment.
I have radio button “Do you want to pay HALF or FULL”
Based on that selection I should be able to copy the value of HALF-YEAR or the FULL-YEAR Calculated field to another Text field for further payment processing.
Is it possible to do that?

Thank you Pawel for that suggestion. But I am afraid that may not work. Because the scenario is as follows. This is actually for a Child Sponsorship program. So a User can sponsor one or more Children, and they have the option to pay either the Half year commitment or the full year commitment right now. So please consider the following scenario.

Cost of Subscribing a child is $100 per year per child.

User is given a Number button to select the number of children they like to sponsor.
Say, User selected Three (3) children. So the Semi-annual commitment is $150 and the Annual commitment is $300.

And I have those values in Calculation 1 & Calculation 2.

Now the next question is “Do you want to pay the full or half year commitment” as a Radio button.

Let’s say they selected Half year. So now I need to Copy or Pass the Calculation 1 value to PayPal.

If they chose Full year, then I need to pass the Calculation 2 value to Paypal.

Since Calculation 1 already holds $150 and Calculation 2 holds $300, if I just add them in Calculation 3 and use that, then it will be wrong amount.

In the example you suggested, the “your amount for half” and “your amount for full” is fixed. But in our scenario, it is a changing value. Sorry I didn’t make that clear!

That is where we are having difficulty.

• This reply was modified 4 years, 2 months ago by rpalex.
• This reply was modified 4 years, 2 months ago by rpalex.
• This reply was modified 4 years, 2 months ago by t-p.

Hi Patrick,

PERFECT! Thank you. That worked. I didn’t know it does not apply the value if the field is not visible.

I have to create two more hidden fields to display the information to User when

{number-1} -> # of memberships required
Calc 1 = {number-1}*100  - These two always displayed and shows both values
Calc 2 = {number-1}*200  - Annual Subscription

Calc 3 = {number-1}*100  - This is hidden and only displays depending on {radio-1}
Calc 4 = {number-1}*200

{radio-1} -> Do you want to pay half or full year now?

{calculation-5} = ({calculation-3})+({calculation-4})

Viola!
Thank you for your support.

• This reply was modified 4 years, 2 months ago by rpalex.