我有一个产品选择页面,您可以在其中使用单选按钮选择手机和计划,我需要 jQuery 来显示“当前选择”。例如,我有 2 部手机,有两个套餐:
诺基亚 N95 和诺基亚 N96,每月 35 美元和每月 50 美元
每个“选项”都有其自己的单选按钮。当选择 N95 和 50 美元/月计划时,我需要在 div 中显示此信息:
Your Current Order
Phone: Nokia N95
Plan: $50/month
任何帮助将不胜感激! :)
最佳答案
$(document).ready(function() {
$("div.plan").hide();
$("input[type=radio]").click(function() {
$("div.plan").hide();
$("div[planid=" + $(this).val() + "]").show();
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="radio" name="plan" value="1" /> Plan 1 <br />
<input type="radio" name="plan" value="2" /> Plan 2 <br />
<input type="radio" name="plan" value="3" /> Plan 3 <br />
<div class="plan" planid="1">Plan 1 details</div>
<div class="plan" planid="2">Plan 2 details</div>
<div class="plan" planid="3">Plan 3 details</div>
关于jQuery 表单处理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/781502/