我在表单中有一个复选框,我希望它能按照以下场景工作:
如果有人检查它,文本字段(totalCost)的值应该设置为10。 然后,如果我返回并取消选中它,函数calculate()将根据表单中的其他参数设置totalCost的值。
基本上,我需要这样的部分,当我选中复选框时,我做一件事,当我不选中它时,我做另一件事。
我在表单中有一个复选框,我希望它能按照以下场景工作:
如果有人检查它,文本字段(totalCost)的值应该设置为10。 然后,如果我返回并取消选中它,函数calculate()将根据表单中的其他参数设置totalCost的值。
基本上,我需要这样的部分,当我选中复选框时,我做一件事,当我不选中它时,我做另一件事。
当前回答
纯javascript:
const checkbox = document.getElementById('myCheckbox') 复选框。addEventListener('change', (event) => { if (event.currentTarget.checked) { alert('检查'); }其他{ 警报(“不检查”); } }) 我的Checkbox: <input id="myCheckbox" type=" Checkbox" />
其他回答
纯javascript:
const checkbox = document.getElementById('myCheckbox') 复选框。addEventListener('change', (event) => { if (event.currentTarget.checked) { alert('检查'); }其他{ 警报(“不检查”); } }) 我的Checkbox: <input id="myCheckbox" type=" Checkbox" />
使用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();"/>
如果你正在使用jQuery..那么我可以提出以下建议: 注意:我在这里做了一些假设
$('#my_checkbox').click(function(){
if($(this).is(':checked')){
$('input[name="totalCost"]').val(10);
} else {
calculate();
}
});
下面的解决方案使用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
}
});