如何根据单选按钮选择获取用户输入?

时间:2014-03-25 19:23:55

标签: javascript html css

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

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

 }

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

这是我为了让事情变得简单而创建的FIDDLE

2 个答案:

答案 0 :(得分:3)

你的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/

答案 1 :(得分:0)

您将要使用is():checked的组合来执行此操作。这样的事情对你有用:

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

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