Javascript 将单选按钮值乘以JavaCScript中的文本框值?
所以我对编程非常陌生,但我有一个HTML表单,其中包括5个单选按钮,用户可以从中选择,还有一个文本框,用户需要将数字写入其中。我想将所选单选按钮的值乘以用户按下计算按钮时写入文本框的值。我一直在尝试用HTML格式的脚本来实现这一点,但我无法让它工作。有人能帮忙吗?首先您需要获取文本输入的引用,然后您需要获取可通过查询选择器完成的选定单选按钮。然后,你只需要将两者相乘 以下是最基本的方法:Javascript 将单选按钮值乘以JavaCScript中的文本框值?,javascript,html,css,Javascript,Html,Css,所以我对编程非常陌生,但我有一个HTML表单,其中包括5个单选按钮,用户可以从中选择,还有一个文本框,用户需要将数字写入其中。我想将所选单选按钮的值乘以用户按下计算按钮时写入文本框的值。我一直在尝试用HTML格式的脚本来实现这一点,但我无法让它工作。有人能帮忙吗?首先您需要获取文本输入的引用,然后您需要获取可通过查询选择器完成的选定单选按钮。然后,你只需要将两者相乘 以下是最基本的方法: let input = document.querySelector('input[type=number]
let input = document.querySelector('input[type=number]')
let checked = document.querySelector('[name=radio]:checked')
let result = parseFloat(input.value) * parseFloat(checked.value)
以下是一个工作示例:
//获取对输入字段的引用
让input=document.querySelector'input[type=number]'
让output=document.querySelector'output'
//创建单选按钮事件侦听器
Array.fromdocument.querySelectorAll'input[type=radio]'。ForEachput=>{
//当收音机改变时,重新计算
input.addEventListener'change',e=>{
e、 防止违约
计算
}
}
//和文本框事件列表器
//当值更改时,请重新计算
input.addEventListener'input',e=>{
e、 防止违约
计算
}
//计算
函数计算{
//检查一下收音机
let checked=document.querySelector'[type=radio]:选中'
//获取其值。如果未选中任何收音机,则默认为0
让值=已检查?已检查。值:0
//将广播时间乘以文本框
让结果=parseFloatvalue*parseFloatinput.value
//如果结果不是数字,则使用0设置输出值
output.value=!isNaNresult?结果:0
}
1.
2.
3次&次;
=
0
我希望这将有助于您创建类似于您所要求的逻辑。多谢各位 函数testcalc{ var val1=parseInt$input[name='multiplier']:选中[0]。值; var val2=parseInt$testinput[0]。值; $'testanswer'.textval1*val2; } 2. 3. 4. 5. 6. 计算
请不要破坏你的帖子。对不起,它并没有被取消,所以我只想把它扔掉it@JoeCole2233你可以删除它,然后它说我不能,因为其他人已经回答了@gsquaredxc我想mods会知道这个网站是如何运作的lol@gsquaredxc