jquery - jQuery表单处理

我有一个产品选择页面，您可以在其中使用单选按钮选择电话和计划，我需要jQuery来显示“当前选择”。例如，我有2个带有两个计划的电话：

诺基亚N95和诺基亚N96，每月$ 35和$ 50

每个“选项”都有其自己的单选按钮。选择N95和$ 50 / month计划后，我需要在div中显示以下信息：


您当前的订单
电话：诺基亚N95
方案：$ 50 /月


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

最佳答案

$(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 - jQuery表单处理，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/781502/