如何获得基于单选按钮选择的用户输入
How to get user input based on radio button selection?
我有一个简单的程序,我给选择某些材料的选项。我在程序中声明了一个变量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两个选项。
相关文章:
- 使用javascript搜索具有用户输入的数组
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- 如何使用JavaScript中的用户输入创建序列/序列
- 如何在用户输入时实例化数组
- 如何从客户端的数组中获取用户输入和返回值
- 如何在用户输入 javascript 时更改值
- 如何从多个不同的html页面获得mongodb文档的用户输入
- PayPal按钮是否有一个简单的选项,其中金额基于一些用户输入
- 从表单中获取用户输入执行计算(操作顺序)并输出回该表单
- 我确实有一个表单,如果用户输入了输入,它应该检查否定或空的输入框,并抛出一条警告消息
- 如果用户输入的长度小于最小长度,则显示错误消息
- 随机生成用户输入
- 如果图像标记是用javascript编写的,并且需要用户输入,那么图像不会随页面加载吗
- Javascript:使用用户输入搜索数组
- 根据用户输入的数字生成文本框
- 如何通过获取用户输入和使用按钮来运行JavaScript函数
- 使用用户输入修改链接
- 如何解决取消抖动的用户输入上的竞争条件
- 从用户输入中制作数组动画,如打字机(javascript)
- 如何在视图中保存用户输入内容,并在离开页面时对控制器进行后期调用