Hiding a checkbox unless another checkbox is checked

[pmyersjr]

I am trying to only show a checkbox if another checkbox is checked. After that I want an input field to appear if the 2nd checkbox is checked, but one thing at a time. I cannot figure it out. Basically, If someone checks the "Purchase_Question" box, I want the "Try_On_Question checkbox to appear. Can anyone help me please?? I can't figure it out. Here is my code:

var o_checkbox = document.getElementById("Purchase_Question");

var o_co_app_firstname=document.getElementById("Try_On_Question");

if(o_checkbox.checked)

{

o_co_app_firstname.style.display = '' ;

}

else

{

o_co_app_firstname.style.display ='none';

}

[bahar_vm]

Hi,

If this is a web form, you should reference fields as InsertRecordFIELDNAME, if an Update or Details page then reference as EditRecordFIELDNAME:

var o_checkbox = document.getElementById("InsertRecordPurchase_Question");

var o_co_app_firstname=document.getElementById("InsertRecordTry_On_Question");

if(o_checkbox.checked)

{

o_co_app_firstname.style.display = 'block' ;

}

else

{

o_co_app_firstname.style.display ='none';

}

[pmyersjr]

Thank you for your reply, but it still does not seem to work. All my checkboxes are still visible.

[MeghaJ]

Hi,

Please see the following posting.

viewtopic.php?f=7&t=9500

Thanks,

Megha

[cheonsa]

Hi @pmyersjr,

 

To add from the previous comments above, you can use conditional forms to achieve that. You need to create a rule that when the first checkbox is unchecked hide other fields. 

Please refer to this screenshot:

 

                            

    

 

For more information about the conditional forms, you can go through this article:  https://howto.caspio.com/datapages/forms/conditional-forms/

 

Regards,

kristina