如果选中复选框,Javascript将添加值

如果选中复选框,Javascript将添加值,javascript,checkbox,Javascript,Checkbox,通过艰苦的方式学习JavaScript”-完整的电子书(印刷版) 如果您想要打印版本,请勾选 邮资:0英镑 我想要一段javascript,这样在选中复选框时,它会使邮资值为3.50。然而,这是3.50每一份完整的电子书。因此,它必须检查数字框的值并将其乘以其中的值。根据复选框状态更改的解决方案: var chap7=document.getElementById('chap7'), post=document.getElementById('post'), printed=documen

通过艰苦的方式学习JavaScript”-完整的电子书(印刷版)

如果您想要打印版本,请勾选
邮资:0英镑
我想要一段javascript,这样在选中复选框时,它会使邮资值为3.50。然而,这是3.50每一份完整的电子书。因此,它必须检查数字框的值并将其乘以其中的值。

根据复选框状态更改的解决方案:
var chap7=document.getElementById('chap7'),
post=document.getElementById('post'),
printed=document.getElementById('printed');
printed.addEventListener('change',function()){
var数量=parseInt(第7.10章数值);
post.value=打印.检查?数量*3.5:数量;
},假);
第7章addEventListener('change',function(){
post.value=parseInt(this.value,10);
});

通过艰苦的方式学习JavaScript”-完整的电子书(印刷版)

如果您想要打印版本,请勾选

邮资:<0

@Malik我对javascript不是很在行,所以只有当(document.getElementById('printed').checked){document.getElementById('post').value+3.50}
var-total=parseInt(document.querySelector('chap7').value,10)*3.5
“我想要一段javascript”-StackOverflow不是一个编码服务。这是可行的,我如何在没有复选框的情况下将其重新用于另一个部分?对不起,我想我已经说清楚了,确切地说,它是如何工作的,但复选框没有侦听器。所以numberbox*3.50的值本质上是一样的。@CameronHowson,我添加了另一个解决方案。非常感谢,你帮了我很大的忙
<p>
    <label for="hours">Learn JavaScript the Hardy Way’ - Complete e-book (Printed)</label>
    <input type="number" min="0" id="chap7" name="hours" value="0">
</p>

<input type="checkbox" id="printed"/>Please tick if you would like a printed version<br />

<p class="post">Postage : <strong>£<output id="post">0</output></strong><p>