Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将单选按钮值乘以JavaCScript中的文本框值?_Javascript_Html_Css - Fatal编程技术网

Javascript 将单选按钮值乘以JavaCScript中的文本框值?

Javascript 将单选按钮值乘以JavaCScript中的文本框值?,javascript,html,css,Javascript,Html,Css,所以我对编程非常陌生,但我有一个HTML表单,其中包括5个单选按钮,用户可以从中选择,还有一个文本框,用户需要将数字写入其中。我想将所选单选按钮的值乘以用户按下计算按钮时写入文本框的值。我一直在尝试用HTML格式的脚本来实现这一点,但我无法让它工作。有人能帮忙吗?首先您需要获取文本输入的引用,然后您需要获取可通过查询选择器完成的选定单选按钮。然后,你只需要将两者相乘 以下是最基本的方法: let input = document.querySelector('input[type=number]

所以我对编程非常陌生,但我有一个HTML表单,其中包括5个单选按钮,用户可以从中选择,还有一个文本框,用户需要将数字写入其中。我想将所选单选按钮的值乘以用户按下计算按钮时写入文本框的值。我一直在尝试用HTML格式的脚本来实现这一点,但我无法让它工作。有人能帮忙吗?

首先您需要获取文本输入的引用,然后您需要获取可通过查询选择器完成的选定单选按钮。然后,你只需要将两者相乘

以下是最基本的方法:

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