根据复选框是否选中来更改输入文本字段的值,可以通过以下步骤实现:
<input type="checkbox" id="checkbox">
<input type="text" id="text-field">
document.getElementById("checkbox").addEventListener("change", function() {
var checkbox = document.getElementById("checkbox");
var textField = document.getElementById("text-field");
if (checkbox.checked) {
textField.value = "复选框已选中";
} else {
textField.value = "复选框未选中";
}
});
在上述代码中,我们获取了复选框和输入文本字段的元素,并使用checked属性来判断复选框是否选中。如果选中,将输入文本字段的值设置为"复选框已选中",否则设置为"复选框未选中"。
这是一个简单的示例,可以根据具体情况进行扩展和修改。如果您想了解更多关于前端开发的知识,可以参考腾讯云的前端开发产品和服务:
希望以上信息对您有帮助!
领取专属 10元无门槛券
手把手带您无忧上云