jQuery表单处理

我有一个产品选择页面，您可以使用单选按钮选择手机和计划，我需要jQuery显示“当前选择”。例如，我有两部带有两种方案的手机：

诺基亚N95和诺基亚N96，分别为35美元/月和50美元/月

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

您当前的订单
电话：诺基亚N95
计划：50美元/月

任何帮助都将不胜感激！：）

$（文档）.ready（函数（）{
$（“div.plan”）.hide（）；
$（“输入[type=radio]”。单击（函数（）{
$（“div.plan”）.hide（）；
$（“div[planid=“+$（this.val（）+”]））.show（）；
});
});

计划1

计划2

计划3

计划1详情
计划2详情
计划3详细信息
$（文档）.ready（函数（）{
$（“div.plan”）.hide（）；
$（“输入[type=radio]”。单击（函数（）{
$（“div.plan”）.hide（）；
$（“div[planid=“+$（this.val（）+”]））.show（）；
});
});

计划1

计划2

计划3

计划1详情
计划2详情
计划3细节
这应该是相当灵活的。它将允许您不必提前定义所有的组合，它将适应您在广播框中放置的任何选项。选择任一选项（计划/电话）后，它将立即显示摘要。您可能不想使用radio项的值来显示字符串（推荐一个标签），而是想让大家了解一下：


$（文档）.ready（函数（）{
$（“输入[名称=计划]”）。单击（函数（）{
$（“#计划_详细信息”）.html（$（this.val（））；
$（“#摘要”）.show（）；
});
$（“输入[name=phone]”。单击（函数（）{
$（“#phone_details”）.html（$（this.val（））；
$（“#摘要”）.show（）；
});
});

电话：未选择任何电话

计划：未选择任何计划
选择您的计划：

35美元/月

50美元/月

选择您的手机：

诺基亚N95

诺基亚N96应该非常灵活。它将允许您不必提前定义所有的组合，它将适应您在广播框中放置的任何选项。选择任一选项（计划/电话）后，它将立即显示摘要。您可能不想使用radio项的值来显示字符串（推荐一个标签），而是想让大家了解一下：


$（文档）.ready（函数（）{
$（“输入[名称=计划]”）。单击（函数（）{
$（“#计划_详细信息”）.html（$（this.val（））；
$（“#摘要”）.show（）；
});
$（“输入[name=phone]”。单击（函数（）{
$（“#phone_details”）.html（$（this.val（））；
$（“#摘要”）.show（）；
});
});

电话：未选择任何电话

计划：未选择任何计划
选择您的计划：

35美元/月

50美元/月

选择您的手机：

诺基亚N95

诺基亚N96