Default value in Radio Box not working

jeanyves 17 Feb, 2012
I have 3 Radio Box as follow:

Radio1: 3 choices, default works
Radio2: 2 choices, default does not work
Radio3: 2 choices, default works

Tried various combinations, choices, Radio2 is never set to a default value!
GreyHead 17 Feb, 2012
Hi JeanYves,

It works OK here. What is the HTML for your radio boxes?

Bob
jeanyves 26 Feb, 2012
Sorry for the delay...

Here is a picture of the Chronoform
[attachment=0]chronoform_problem.png[/attachment]

The Problem is in the Preferred Language Field. It does not set the first choice as "checked".

<div class="ccms_form_element cfdiv_radio" id="title_container_div">
	<label for="title">Salutation</label>
	<input type="hidden" name="title" value="" alt="ghost" />
	<div style="float:left; clear:none;">
		<input type="radio" name="title" id="title_mr" title="Please select an option." value="Mr" checked="checked" class="validate['required']" />
		<label for="title_mr">Mr.</label>
		<input type="radio" name="title" id="title_ms" title="Please select an option." value="Ms" class="validate['required']" />
		<label for="title_ms">Ms.</label>
		<input type="radio" name="title" id="title_mrs" title="Please select an option." value="Mrs" class="validate['required']" />
		<label for="title_mrs">Mrs.</label>
	</div>
	<div class="clear"></div>
	<div id="error-message-title"></div>
</div>
<div class="ccms_form_element cfdiv_radio" id="language_container_div">
	<label for="language">Preferred Language</label>
	<input type="hidden" name="language" value="" alt="ghost" />
	<div style="float:left; clear:none;">
		<input type="radio" name="language" id="language_fr" title="Please select an option." value="fr"  class="validate['required']" />
		<label for="language_fr">French</label>
		<input type="radio" name="language" id="language_en" title="Please select an option." value="en" class="validate['required']" />
		<label for="language_en">English</label>
	</div>
	<div class="clear"></div>
	<div id="error-message-language"></div>
</div>
<div class="ccms_form_element cfdiv_radio" id="swimmer_type_container_div">
	<label for="swimmer_type">Swimmer</label>
	<input type="hidden" name="swimmer_type" value="" alt="ghost" />
	<div style="float:left; clear:none;">
		<input type="radio" name="swimmer_type" id="swimmer_type_y" title="Please select an option." value="Y" checked="checked" class="validate['required']" />
		<label for="swimmer_type_y">Youth</label>
		<input type="radio" name="swimmer_type" id="swimmer_type_a" title="Please select an option." value="A" class="validate['required']" />
		<label for="swimmer_type_a">Adult</label>
	</div>
	<div class="clear"></div>
	<div id="error-message-swimmer_type"></div>
</div>
jeanyves 05 Mar, 2012
Here is the code from the form for the 3 fields. Notice that the culprit (language) has "fr" as "checked".

<div class="ccms_form_element cfdiv_radio" id="title_container_div">
	<label for="title">L_Salutation</label>
	<input type="hidden" name="title" value="" alt="ghost" />
	<div style="float:left; clear:none;">
		<input type="radio" name="title" id="title_mr" title="L_Required_Option" value="Mr" checked="checked" class="validate['required']" />
		<label for="title_mr">L_Option_Mr</label>
		<input type="radio" name="title" id="title_ms" title="L_Required_Option" value="Ms" class="validate['required']" />
		<label for="title_ms">L_Option_Ms</label>
		<input type="radio" name="title" id="title_mrs" title="L_Required_Option" value="Mrs" class="validate['required']" />
		<label for="title_mrs">L_Option_Mrs</label>
	</div>
	<div class="clear"></div>
	<div id="error-message-title"></div>
</div>

<div class="ccms_form_element cfdiv_radio" id="language_container_div">
	<label for="language">L_Preferred_Language</label>
	<input type="hidden" name="language" value="" alt="ghost" />
	<div style="float:left; clear:none;">
		<input type="radio" name="language" id="language_fr" title="L_Required_Option" value="fr" checked="checked" class="validate['required']" />
		<label for="language_fr">L_Option_French</label>
		<input type="radio" name="language" id="language_en" title="L_Required_Option" value="en" class="validate['required']" />
		<label for="language_en">L_Option_English</label>
	</div>
	<div class="clear"></div>
	<div id="error-message-language"></div>
</div>

<div class="ccms_form_element cfdiv_radio" id="swimmer_type_container_div">
	<label for="swimmer_type">L_Swimmer</label>
	<input type="hidden" name="swimmer_type" value="" alt="ghost" />
	<div style="float:left; clear:none;">
		<input type="radio" name="swimmer_type" id="swimmer_type_y" title="L_Required_Option" value="Y" checked="checked" class="validate['required']" />
		<label for="swimmer_type_y">L_Option_Youth</label>
		<input type="radio" name="swimmer_type" id="swimmer_type_a" title="L_Required_Option" value="A" class="validate['required']" />
		<label for="swimmer_type_a">L_Option_Adult</label>
	</div>
	<div class="clear"></div>
	<div id="error-message-swimmer_type"></div>
</div>


This is the code generated. Notice that only the Title and Swimmer_Type are "checked".

<div class="ccms_form_element cfdiv_radio" id="title_container_div">
	<label for="title">Salutation</label>
	<input type="hidden" name="title" value="" alt="ghost" />
	<div style="float:left; clear:none;">
		<input type="radio" name="title" id="title_mr" title="S.v.p. choisir une option" value="Mr" checked="checked" class="validate['required']" />
		<label for="title_mr">M.</label>
		<input type="radio" name="title" id="title_ms" title="S.v.p. choisir une option" value="Ms" class="validate['required']" />
		<label for="title_ms">Mlle</label>
		<input type="radio" name="title" id="title_mrs" title="S.v.p. choisir une option" value="Mrs" class="validate['required']" />
		<label for="title_mrs">Mme</label>
	</div>
	<div class="clear"></div>
	<div id="error-message-title"></div>
</div>

<div class="ccms_form_element cfdiv_radio" id="language_container_div">
	<label for="language">Langue préférée</label>
	<input type="hidden" name="language" value="" alt="ghost" />
	<div style="float:left; clear:none;">
		<input type="radio" name="language" id="language_fr" title="S.v.p. choisir une option" value="fr"  class="validate['required']" />
		<label for="language_fr">Français</label>
		<input type="radio" name="language" id="language_en" title="S.v.p. choisir une option" value="en" class="validate['required']" />
		<label for="language_en">Anglais</label>
	</div>
	<div class="clear"></div>
	<div id="error-message-language"></div>
</div>

<div class="ccms_form_element cfdiv_radio" id="swimmer_type_container_div">
	<label for="swimmer_type">Nageur</label>
	<input type="hidden" name="swimmer_type" value="" alt="ghost" />
	<div style="float:left; clear:none;">
		<input type="radio" name="swimmer_type" id="swimmer_type_y" title="S.v.p. choisir une option" value="Y" checked="checked" class="validate['required']" />
		<label for="swimmer_type_y">Jeune</label>
		<input type="radio" name="swimmer_type" id="swimmer_type_a" title="S.v.p. choisir une option" value="A" class="validate['required']" />
		<label for="swimmer_type_a">Adulte</label>
	</div>
	<div class="clear"></div>
	<div id="error-message-swimmer_type"></div>
</div>
jeanyves 09 Mar, 2012
[PROBLEM SOLVED]

You cannot have an element called "language". It appears to be a reserved word!
jeanyves 21 Jul, 2012
Sorry for the late response...

The problem is with :

<input type="radio" name="language"



It appears that language is a reserved word.

Simply use another name !
This topic is locked and no more replies can be posted.