我在表单中有一个复选框，我希望它能按照以下场景工作:
如果有人检查它，文本字段(totalCost)的值应该设置为10。 然后，如果我返回并取消选中它，函数calculate()将根据表单中的其他参数设置totalCost的值。
基本上，我需要这样的部分，当我选中复选框时，我做一件事，当我不选中它时，我做另一件事。
当前回答
如果你正在使用jQuery..那么我可以提出以下建议: 注意:我在这里做了一些假设
$('#my_checkbox').click(function(){
if($(this).is(':checked')){
$('input[name="totalCost"]').val(10);
} else {
calculate();
}
});
其他回答
纯javascript:
const checkbox = document.getElementById('myCheckbox') 复选框。addEventListener('change'， (event) => { if (event.currentTarget.checked) { alert('检查'); }其他{ 警报(“不检查”); ｝ }) 我的Checkbox: <input id="myCheckbox" type=" Checkbox" />
HTML:
<input type="checkbox" onchange="handleChange(event)">
JS:
function handleChange(e) {
const {checked} = e.target;
}
使用onclick事件，因为每次单击复选框都会改变它。
function calc()
{
if (document.getElementById('xxx').checked)
{
document.getElementById('totalCost').value = 10;
} else {
calculate();
}
}
HTML
<input type="checkbox" id="xxx" name="xxx" onclick="calc();"/>
Javascript
// on toggle method
// to check status of checkbox
function onToggle() {
// check if checkbox is checked
if (document.querySelector('#my-checkbox').checked) {
// if checked
console.log('checked');
} else {
// if unchecked
console.log('unchecked');
}
}
HTML
<input id=“my-checkbox” type=“checkbox” onclick=“onToggle（）”>
