javascript - 尝试让网站添加值

标签 javascript

我在 Javascript 方面并不出色,我只是想做一些看似基本的事情,但就是无法弄清楚。寻求一些帮助。代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Chapter 8: Question 1</title>

<script type="text/javascript">
function updatebox()
{
    var textbox = document.getElementById("list")
    var total = Number('0')
    textbox.value = ""



    if (document.getElementById('A1').checked) {
        textbox.value = total + Number('5');
    }

    else if(document.getElementById('A1')) {
        textbox.value = total + Number('0');
    }

    if (document.getElementById('A2').checked) {
        textbox.value = total + Number('5');
    }

    else if(document.getElementById('A2')) {
        textbox.value = total + Number('0');
    }

}
</script>

</head>

<form>
    Processor
    ...
    CD-ROM (+$5.00)
    <input type="checkbox" name="chkCDROM" id="A1" onclick="updatebox()" />

    DVD-ROM (+$5.00)
    <input type="checkbox" name="chkDVD" id="A2" onclick="updatebox()" />

</form>

</html>
<小时/>

目标是获取这些不同的因素,将它们相加,然后在单击时将它们放入文本框中。我可以使用多个变量让它工作,但随后我的第二个下拉菜单列表被我抛弃了,需要删除它们。我把它们放回到原来的脚本中,这就是为什么它们有点不同。请让我知道我在这里可能做错了什么。

最佳答案

首先,您需要实际存储更新后的总计值。其次,我认为如果您尝试类似这样的事情,您会发现它会更容易

var total = 0;
textbox.value = "";

if(document.getElementById('A1').checked) {
  total += 5;
}
// the rest of your if(s)... and then
textbox.value = total;

关于javascript - 尝试让网站添加值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20295477/

相关文章:

javascript - 带 Handlebars 的 html 中的过渡效果

javascript - 这段 javascript 代码没有错误,但它不起作用。是否存在我看不到的 secret 错误?

javascript - Babel 6 只有 JSX 转换,没有其他转换

javascript - 如何使用原生 html 输入范围和 Vue.js 创建双范围 slider ?

javascript - 类型错误 : modules[moduleId] is undefined

javascript - Jquery Ajax 调用未命中操作方法/返回整个 HTML 页面

javascript - 提交表单后显示消息。

javascript - 暂停使用 'requestAnimationFrame()' 的游戏循环

javascript - 嵌入式 JavaScript 不起作用?

javascript - 注销后禁用后退按钮