单击控制radio 控制选中

<script type="text/javascript">
var price=new Array(); //存放价格的数组
var name=new Array(); //存放组合名称的数组
var radio_judge=new Array(); //存放radio id的数组
var price_notice='+';


jQuery(document).ready(function(){
//将价格添加进数组
jQuery('.price').each(function(i){
price[i]=jQuery(this).text();
})
//将组合名称添加进数组
jQuery('.label').children('label').each(function(i){
jQuery(this).find('.price-notice').empty();
name[i]=jQuery(this).text();
radio_judge[jQuery(this).text()]=jQuery(this).parent().prev('.radio').attr('id');
})

//生成类似速卖通的选择器名称
jQuery('.sku-value').children('span').each(function(i){
jQuery(this).text(name[i]);
})
//仿速卖通单击事件
jQuery('.sku-value.attr-checkbox').click(function(){
   jQuery('.sku-value').parent().removeClass('active');
   jQuery('.radio.validate-one-required-by-name.product-custom-option').attr("checked",false);
jQuery(this).parent().addClass('active');
jQuery('#'+radio_judge[jQuery(this).text()]).attr("checked",true);
})
})


</script>


<div class="product-info-operation">


<div id="product-info-sku">
<dl class="product-info-size">
<dd>
<ul id="sku-sku2" class="sku-attr sku-checkbox clearfix">
<li><a class="sku-value attr-checkbox" id="sku-1-200003627"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003628"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003629"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003630"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003631"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003632"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003633"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003634"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003635"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003636"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003637"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003638"
href="javascript:void(0)"><span></span></a></li>
<li><a class="sku-value attr-checkbox" id="sku-1-200003639"
href="javascript:void(0)"><span></span></a></li>
</ul>
<div class="msg-error sku-msg-error" style="display: none;">Please
select a Stretched Length</div>
</dd>
</dl>
</div>
</div>


<div id="product-options-wrapper" class="product-options">
<script type="text/javascript">
<script type="text/javascript">
<dl class="last">
<dt>
<dd>
<dt>
<dd>
<div class="input-box">
<ul id="options-3999-list" class="options-list">
<li>
<input id="options_3999_2" class="radio validate-one-required-by-name product-custom-option" type="radio" price="0" value="32755" name="options[3999]">
<span class="label">
<label for="options_3999_2">8 with 8 8 </label>
</span>
<script type="text/javascript">
$('options_3999_2').advaiceContainer = 'options-3999-container';$('options_3999_2').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_3" class="radio validate-one-required-by-name product-custom-option" type="radio" price="4" value="32756" name="options[3999]" >
<span class="label">
<label for="options_3999_3">
8 with 10 10
<span class="price-notice">
+
<span class="price">$4.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_3').advaiceContainer = 'options-3999-container';$('options_3999_3').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_4" class="radio validate-one-required-by-name product-custom-option" type="radio" price="11" value="32757" name="options[3999]" >
<span class="label">
<label for="options_3999_4">
8 with 12 12
<span class="price-notice">
+
<span class="price">$11.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_4').advaiceContainer = 'options-3999-container';$('options_3999_4').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_5" class="radio validate-one-required-by-name product-custom-option" type="radio" price="20" value="32758" name="options[3999]" >
<span class="label">
<label for="options_3999_5">
8 with 14 14
<span class="price-notice">
+
<span class="price">$20.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_5').advaiceContainer = 'options-3999-container';$('options_3999_5').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_6" class="radio validate-one-required-by-name product-custom-option" type="radio" price="30" value="32759" name="options[3999]" >
<span class="label">
<label for="options_3999_6">
10 with 16 16
<span class="price-notice">
+
<span class="price">$30.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_6').advaiceContainer = 'options-3999-container';$('options_3999_6').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_7" class="radio validate-one-required-by-name product-custom-option" type="radio" price="39" value="32760" name="options[3999]" >
<span class="label">
<label for="options_3999_7">
10 with 18 18
<span class="price-notice">
+
<span class="price">$39.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_7').advaiceContainer = 'options-3999-container';$('options_3999_7').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_8" class="radio validate-one-required-by-name product-custom-option" type="radio" price="48" value="32761" name="options[3999]" >
<span class="label">
<label for="options_3999_8">
12 with 20 20
<span class="price-notice">
+
<span class="price">$48.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_8').advaiceContainer = 'options-3999-container';$('options_3999_8').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_9" class="radio validate-one-required-by-name product-custom-option" type="radio" price="57" value="32762" name="options[3999]" >
<span class="label">
<label for="options_3999_9">
12 with 22 22
<span class="price-notice">
+
<span class="price">$57.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_9').advaiceContainer = 'options-3999-container';$('options_3999_9').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_10" class="radio validate-one-required-by-name product-custom-option" type="radio" price="1" value="32763" name="options[3999]" >
<span class="label">
<label for="options_3999_10">
8 with 10 12
<span class="price-notice">
+
<span class="price">$1.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_10').advaiceContainer = 'options-3999-container';$('options_3999_10').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_11" class="radio validate-one-required-by-name product-custom-option" type="radio" price="17" value="32764" name="options[3999]" >
<span class="label">
<label for="options_3999_11">
10 with 12 14
<span class="price-notice">
+
<span class="price">$17.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_11').advaiceContainer = 'options-3999-container';$('options_3999_11').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_12" class="radio validate-one-required-by-name product-custom-option" type="radio" price="26" value="32765" name="options[3999]" >
<span class="label">
<label for="options_3999_12">
10 with 14 16
<span class="price-notice">
+
<span class="price">$26.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_12').advaiceContainer = 'options-3999-container';$('options_3999_12').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_13" class="radio validate-one-required-by-name product-custom-option" type="radio" price="36" value="32766" name="options[3999]" >
<span class="label">
<label for="options_3999_13">
12 with 16 18
<span class="price-notice">
+
<span class="price">$36.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_13').advaiceContainer = 'options-3999-container';$('options_3999_13').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_14" class="radio validate-one-required-by-name product-custom-option" type="radio" price="48" value="32767" name="options[3999]" >
<span class="label">
<label for="options_3999_14">
14 with 18 20
<span class="price-notice">
+
<span class="price">$48.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_14').advaiceContainer = 'options-3999-container';$('options_3999_14').callbackFunction = 'validateOptionsCallback';
</script>
</li>
<li>
<input id="options_3999_15" class="radio validate-one-required-by-name product-custom-option" type="radio" price="55" value="32773" name="options[3999]" >
<span class="label">
<label for="options_3999_15">
14 with 20 22
<span class="price-notice">
+
<span class="price">$55.00</span>
</span>
</label>
</span>
<script type="text/javascript">
$('options_3999_15').advaiceContainer = 'options-3999-container';$('options_3999_15').callbackFunction = 'validateOptionsCallback';
</script>
</li>
</ul>
<script type="text/javascript">
optionLabels['3999'] = {"32755":"8 with 8 8","32756":"8 with 10 10","32757":"8 with 12 12","32758":"8 with 14 14","32759":"10 with 16 16","32760":"10 with 18 18","32761":"12 with 20 20","32762":"12 with 22 22","32763":"8 with 10 12","32764":"10 with 12 14","32765":"10 with 14 16","32766":"12 with 16 18","32767":"14 with 18 20","32773":"14 with 20 22"}; optionTitles['3999'] = 'bundle length';
</script>
<span id="options-3999-container"></span>
</div>