我在表单中有一个复选框，我希望它根据以下情况工作：
- 如果有人检查它，则文本字段 (
totalCost)的值应设置为10。 - 然后，如果我返回并取消选中它，一个函数会根据表单中的其他参数
calculate()设置 的值totalCost。
所以基本上，我需要的部分是，当我选中复选框时，我会做一件事，当我取消选中它时，我会做另一件事。
Javascript 复选框 onChange
IT技术
javascript
checkbox
2021-02-04 16:51:22
6个回答
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：
const checkbox = document.getElementById('myCheckbox')
checkbox.addEventListener('change', (event) => {
if (event.currentTarget.checked) {
alert('checked');
} else {
alert('not checked');
}
})My Checkbox: <input id="myCheckbox" type="checkbox" />如果您使用的是 jQuery .. 那么我可以提出以下建议： 注意：我在这里做了一些假设
$('#my_checkbox').click(function(){
if($(this).is(':checked')){
$('input[name="totalCost"]').val(10);
} else {
calculate();
}
});
使用 onclick 事件，因为每次单击复选框实际上都会改变它。
以下解决方案使用了 jquery。假设您有一个 ID 为 的复选框checkboxId。
const checkbox = $("#checkboxId");
checkbox.change(function(event) {
var checkbox = event.target;
if (checkbox.checked) {
//Checkbox has been checked
} else {
//Checkbox has been unchecked
}
});
其它你可能感兴趣的问题