jQuery 表单处理

Question

我有一个产品选择页面，您可以在其中使用单选按钮选择手机和计划，我需要 jQuery 来显示“当前选择”。例如，我有 2 部手机，有两个套餐:

诺基亚 N95 和诺基亚 N96，每月 35 美元和每月 50 美元

每个“选项”都有其自己的单选按钮。当选择 N95 和 50 美元/月计划时，我需要在 div 中显示此信息:

Your Current Order
Phone: Nokia N95
Plan: $50/month

任何帮助将不胜感激! :)

Answer 1

$(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>