如何为每个具有不同名称的无线电分离此功能

时间:2013-12-05 09:46:20

标签: jquery

嗨,请帮助我如何为每个不同的电台名称分隔此功能

$(document).ready(function() {
    $("div.desc").hide();
    $("input[name$='sharedprices']").change(function() {
        $("div.desc").hide();
        $("#" + this.value).show();
    }).filter(function(){
        return this.checked;
    }).change();
});  

<div class="shared-price-change-main">
                            <ul>
                            <li><input type="radio" name="sharedprices" checked="checked" value="standard1"  /> 1 Month <b>$1.99</b>/mo</li>
                            <li><input type="radio" name="sharedprices" value="standard2" /> 6 Months <b>$1.99</b>/mo</li>
                            <li><input type="radio" name="sharedprices" value="standard3" /> 12 Months <b>$1.99</b>/mo</li>
                            </ul>  

                                              <div id="myRadioGroup" class="shareddetailsplan">
                                <div id="standard1" class="desc">
                                <label>You Save 0</label>
                                <div class="shared-page-tables-4colmns-button"><a href="#">Order Now</a></div>
                                </div>
                                <div id="standard2" class="desc">
                                <label>You Save 5%</label>
                                <div class="shared-page-tables-4colmns-button"><a href="#">Order Now</a></div>
                                </div>
                                <div id="standard3" class="desc">
                                <label>You Save 10%</label>
                                <div class="shared-page-tables-4colmns-button"><a href="#">Order Now</a></div>
                                </div>
                    </div>  </div>

实际上这个东西会在页面上多次使用但是对于每个不同的计划但是使用这个代码用于不同的计划,这个代码只检查了最后一个,但我需要它为每个不同的计划分开这是主要的问题< / p>

1 个答案:

答案 0 :(得分:1)

:radio Selector

处拍摄
$("input:radio").change(function() { ...