Choose radio button from radio button group

by Annie Lagang

HTML

<div><span>Fare Type:</span>&nbsp;&nbsp;&nbsp;<select id="fareType1"><option value="regular">Regular Go Fare</option>
                  <option value="promo">Promotional Fare</option>
                  <option value="gpfare" basis="LZLBORGP,LYLBORGP,LXLBORGP,LWLBORGP,LVLBORGP,LULBORGP,LTLBORGP,LSLBORGP,LRLBORGP,LQLBORGP,LPLBORGP" faretypecode="LA">GP Fare</option>
                  <option value="laborfare" basis="LALABOR,LBLABOR,LCLABOR,LOLBORLH,LNLBORLH,LMLBORLH,LKLBORLH,LLLBORLH,LCLBORLH,LPLBORLH,LBLBORLH,LALBORLH" faretypecode="LA">Labor Fare</option>
                  <option value="tourfare" basis="TBLHFARE,TBSHFARE" faretypecode="TB">Tour Basing Fare</option></select></div>
              <div><input id="ControlGroupSelectView_AvailabilityInputSelectView_LA" type="radio" name="ControlGroupSelectView$AvailabilityInputSelectView$RadioButtonFareType" value="LA" checked="">Labor &amp; Ship's Crew Fare<input id="ControlGroupSelectView_AvailabilityInputSelectView_TB" type="radio" name="ControlGroupSelectView$AvailabilityInputSelectView$RadioButtonFareType" value="TB">Tour Basing Fare</div>
            </div>

JavaScript

$(function(){
	$("select[id^='fareType']").each(function () {
  		$(this).change(function () {
				var faretypecode = $('option:selected', $(this)).attr('faretypecode');
        var associatedRadioButton = 
        	$(':radio[name*="RadioButtonFareType"]')
         				.filter('[value="' + faretypecode + '"]');
         
         if(!associatedRadioButton.is(':checked'))
         {
         		associatedRadioButton
         			.prop('checked', true)
            	.trigger('change');           
         }
      });
	});
  
   $(':radio[name*="RadioButtonFareType"]').change(function(){
   		alert($(this).val());
   });
});