Saving Checked radio buttons in safecracker

Question

I have created a safecracker form that has some fields that with show / hide depending on the previous filed selection. For example:

 <label
    for="med">Are you currently taking any prescribed medication?:</label>
    <label><input
    type="radio" name="med" value="Yes"{checked} id="med2"  />&nbsp;Yes</label><label><input
    type="radio" name="med" value="No"{checked} id="med1"  />&nbsp;No</label>

    <br>{clear}<br>
<div id="med">
     <label for="medication" class="required">Please detail:</label>    {field:medication}<br></div>   

This code will show the {field:medication} if the yes radio button is selected. I can't use the normal code provided in the safecracker example as each field option needs to have a different id for the jquery action.

Unfortunately the {checked} code does not save the radio option when the form is saved. I'd appreciate any advice. Thanks

Answer 1

You could use:

<input type="radio" name="my_field" value="Yes"{if med == 'Yes'}Checked{/if} />
<input type="radio" name="my_field" value="No"{if med == 'No'}Checked{/if} />

If you get problems saving a 'required' field, then try adding hidden inputs:

<input name="my_field" type="hidden" value=""/>

Answer 2

This should be a comment rather than an answer but I can post better code examples here. So the example for using custom fields looks like:

  {if radio}
            {options}
                    <label class="checkbox">{option_value}
                            <input type="radio" id="{field_name}" name="{field_name}" value="{option_value}"{checked}>
                    </label>
            {/options}
    {/if}

That includes IDs. Why can't you use that code?