안녕하세요, 각기 다른 라디오 이름에 대해이 기능을 어떻게 분리 할 수 있습니까?
$(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>
실제로 이것은 페이지에서 여러 번 사용되지만 각 계획에 대해이 코드를 다른 계획에 사용합니다.이 코드는 마지막 코드 만 확인했지만 주요 문제인 모든 다른 계획에 대해 이것을 분리해야합니다
이것에 전리품 :radio Selector
$("input:radio").change(function() { ...
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다