Have links in text box work like checkbox.

Hi,

On my form 63423134202946 I have two checkbox areas to select option for second size of shirt type.

I want to eliminate these and use links in a text box to select these options instead. 

These checkbox options display hidden fields when selected. Can I have the links in the text box do the same?

The TXP textbox link has the following code:

<a id="TPX" style="color: #dd0000; text-decoration: none;" title="TPX" href="TPX" name="TPX">TXP</a>

Here is the conditional logic. 

None of this works

What would you suggest I do? Is this possible?

Thank you, Regards, Robert

I am not exactly sure if I understood your request correctly. Do you want to replace the check box field with the text box (Short Entry) fields? Or do you want to use a Text field? 

For security reasons, it is no longer possible to add HTML code to the field labels. 

You can use the Text field, but it is not possible to set a condition based on the text field. 

If you just want to hide the check boxes and leave the text, you can do it the the CSS. 

label#label_input_293_0::before {

    display : none!important;

}

label#label_input_293_1::before {

    display : none!important;

}

label#label_input_293_2::before {

    display : none!important;

} 

label#label_input_293_0::after {

    display : none!important;

}

label#label_input_293_1::after {

    display : none!important;

}

label#label_input_293_2::after {

    display : none!important;

}

How to Inject Custom CSS Codes

The users will still be able to click on the options. 

Here is my demo form: https://form.jotformpro.com/72535557966976 

If I did not understand your question correctly, please explain in more details what are you trying to achieve.

Hi,

I like your fix, is it possible to change the color of a selected item,

Example: TXP-1 (not selected) TXP-1 (selected)

Thank you,

Robert

You can inject the following custom CSS codes to style the color of the checkbox items, selected or not:

#id_293 input[type="checkbox"] + label {

    color: #d81107;

}

#id_293 input[type="checkbox"]:checked + label {

    color: #0064f0;

}

Note that this is only for the first checkbox item. If you want to apply this code to other check boxes, simply change the #id_239.

Hi, Thank You, I will give this a go. best Regards Robert