Auto select for radio options?

Code: Select all

			        <?php if ($option['type'] == 'radio') { ?>
			        <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>">
			          <label class="control-label"><?php echo $option['name']; ?>:</label>
			          <div id="input-option<?php echo $option['product_option_id']; ?>">
			            <?php foreach ($option['product_option_value'] as $option_value) { ?>

						  <?php if($option_value['image']){ ?>
							  <div class="radio <?php if($theme_options->get( 'product_page_radio_style' ) == 1) { echo 'radio-type-button'; } ?>">
								  <label>
									  <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" />
									  <span class="active"<?php if($theme_options->get( 'product_page_radio_style' ) == 1) { ?>data-toggle="tooltip" data-placement="top" title="<?php echo $option_value['name']; ?> <?php if ($option_value['price']) { ?>(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)<?php } ?>"<?php } ?>><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" <?php if($theme_options->get( 'product_page_radio_style' ) == 1) { ?>width="<?php if($theme_options->get( 'product_page_radio_image_width' ) > 0) { echo $theme_options->get( 'product_page_radio_image_width' ); } else { echo 25; } ?>px" height="<?php if($theme_options->get( 'product_page_radio_image_height' ) > 0) { echo $theme_options->get( 'product_page_radio_image_height' ); } else { echo 25; } ?>px"<?php } ?> /> <?php if($theme_options->get( 'product_page_radio_style' ) != 1) { ?><?php echo $option_value['name']; ?>
									  <?php if ($option_value['price']) { ?>
									  (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
									  <?php } ?><?php } ?></span>
								  </label>
							  </div>
						  <?php } ?>
						 <?php if(!$option_value['image']){ ?>
							<div class="radio <?php if($theme_options->get( 'product_page_radio_style' ) == 1) { echo 'radio-type-button2'; } ?>">
							  <label>
								<input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" />
								<?php if ($option_value['image']) { ?>
								 <img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="img-thumbnail" />
								<?php } ?>
								<span><?php echo $option_value['name']; ?>
								<?php if($theme_options->get( 'product_page_radio_style' ) != 1) { ?><?php if ($option_value['price']) { ?>
								(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
								<?php } ?><?php } ?></span>
							  </label>
							</div>

							<?php } ?>
			            <?php } ?>

			            <?php if($theme_options->get( 'product_page_radio_style' ) == 1) { ?>
						 <script type="text/javascript">
			                 $(document).ready(function(){
			                      $('#input-option<?php echo $option['product_option_id']; ?>')document.ready( function () {
			                           $('#input-option<?php echo $option['product_option_id']; ?> span').addClass("active");
			                          
			                      });
			                 });
			            </script>
			            <script type="text/javascript">
			                 $(document).ready(function(){
			                      $('#input-option<?php echo $option['product_option_id']; ?>').on('click', 'span', function () {
			                           $('#input-option<?php echo $option['product_option_id']; ?> span').removeClass("active");
			                           $(this).addClass("active");
			                      });
			                 });
			            </script>

Code: Select all

	  $(document).ready(function() {
		  $('#product .radio:first input').prop('checked', true);
		  $('#product select option:eq(1)').prop('selected', true);
	  })

Code: Select all

	< script type = "text/javascript" >
	$(document).ready(function() {
		$('#input-option<?php echo $option['
			product_option_id ']; ?>') document.ready(function() {
			$('#input-option<?php echo $option['
				product_option_id ']; ?> span').addClass("active");

		});
	}); < /script> < script type = "text/javascript" >
	$(document).ready(function() {
		$('#input-option<?php echo $option['
			product_option_id ']; ?>').on('click', 'span', function() {
			$('#input-option<?php echo $option['
				product_option_id ']; ?> span').removeClass("active");
			$(this).addClass("active");
		});
	}); < /script>