如何获得基于单选按钮选择的用户输入

How to get user input based on radio button selection?

本文关键字：用户 输入 选择 单选按钮 何获得      更新时间：2023-09-26

我有一个简单的程序，我给选择某些材料的选项。我在程序中声明了一个变量cost。因此，根据用户选择的材料，应该为变量分配不同的值。例如,

if('#radio-choice-1) is selected{
    var cost = 5;
}
else if('#radio-choice-2') is selected{
    var cost = 10;
 }

有2种材料选择。两者都有不同的$值，例如，如果你选择材料A，那么成本是一个值，如果你选择材料B，那么成本值是另一个值。

这是我创建的一个提琴，使事情更容易。

在你的HTML中你有:

<fieldset data-role="controlgroup">
    <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1">
    <label for="radio-choice-1">SS316L</label>
    <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2">
    <label for="radio-choice-2">HDPE</label>
</fieldset>

您可以像这样将成本放入value属性中:

<fieldset data-role="controlgroup">
    <input type="radio" name="radio-choice" id="radio-choice-1" value="5.00">
    <label for="radio-choice-1">SS316L</label>
    <input type="radio" name="radio-choice" id="radio-choice-2" value="8.25">
    <label for="radio-choice-2">HDPE</label>
</fieldset>

并使用jquery获取所选项目的成本，如下所示:

var cost = $('input[name=radio-choice]:checked').val();

下面是该技术的一个工作示例:http://jsfiddle.net/RhnvU/

您将需要使用is()和:checked的组合来完成此操作。像这样的东西应该为您工作:

if($('#radio-choice-2').is(':checked')) { 
    var cost = 10;
}
else {
    var cost = 5;
}

现在，假设您只有cost、5和10两个选项。

相关文章：