Real Time Counter – JWD – Development Site

[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”4.16″ global_colors_info=”{}”][et_pb_row admin_label=”row” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.17.6″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]

Real Time Counter

Values To Add

Option 1 – Valued at 5

Option 2 – Valued at 10

Option 3 – Valued at 15

You take a number field and delete the Field Label. Set the default value of that number field to math calculate the field id of your checkbox field. And your set. I hide the submit button with a toggle switch and some conditional logic.

This is the CSS used to style the field housing the total.

#field_9nmdj.form-control {
border-width: 0px;
text-align: center;
font-size: 100px;
color: #ff0000;
padding: 100px;
background-color: #ffffff;
}

Hide Submit Button

If you are human, leave this field blank.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]