我在表单中有一个复选框,我希望它能按照以下场景工作:
如果有人检查它,文本字段(totalCost)的值应该设置为10。 然后,如果我返回并取消选中它,函数calculate()将根据表单中的其他参数设置totalCost的值。
基本上,我需要这样的部分,当我选中复选框时,我做一件事,当我不选中它时,我做另一件事。
我在表单中有一个复选框,我希望它能按照以下场景工作:
如果有人检查它,文本字段(totalCost)的值应该设置为10。 然后,如果我返回并取消选中它,函数calculate()将根据表单中的其他参数设置totalCost的值。
基本上,我需要这样的部分,当我选中复选框时,我做一件事,当我不选中它时,我做另一件事。
当前回答
HTML:
<input type="checkbox" onchange="handleChange(event)">
JS:
function handleChange(e) {
const {checked} = e.target;
}
其他回答
如果你正在使用jQuery..那么我可以提出以下建议: 注意:我在这里做了一些假设
$('#my_checkbox').click(function(){
if($(this).is(':checked')){
$('input[name="totalCost"]').val(10);
} else {
calculate();
}
});
function calc()
{
if (document.getElementById('xxx').checked)
{
document.getElementById('totalCost').value = 10;
} else {
calculate();
}
}
HTML
<input type="checkbox" id="xxx" name="xxx" onclick="calc();"/>
try
totalCost.value = checkbox.checked ? 10 : calculate();
函数更改(复选框){ totalCost。Value =复选框。检查?10:计算(); } 函数compute () { 返回other.value * 2; } 输入{显示:块} <input type=" Checkbox " onclick="change(this) "" / > 总成本:<input id="totalCost" type="number" value=5 /> Other: <input id=" Other " type="number" value=7 />
HTML:
<input type="checkbox" onchange="handleChange(event)">
JS:
function handleChange(e) {
const {checked} = e.target;
}
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()”>