Contact form 7复选框检查
Contact form 7复选框检查
提问于 2021-07-03 21:34:21
我的联系人表单7复选框元素如下所示：
[checkbox vitesturu id:checkbox3 use_label_element exclusive "Engelli"]
[checkbox vitesturu id:checkbox2 use_label_element exclusive "Manuel Vites (Düz)"]当选中复选框时，我想将值打印到输入值。
<input type="text" id="textbox2" />我使用的js代码是这样的。
$(document).ready(function() {
// Returns male in textbox2 if checkbox2 checked.
$('#checkbox2').click(function() {
if ($('#checkbox2').is(":checked") == true) {
$('#textbox2').val('Male');
} else {
$('#textbox2').val('');
}
});
// Returns female in textbox2
// if checkbox2 checked.
$('#checkbox3').change(function() {
if ($('#checkbox3').is(":checked") == true) {
$('#textbox2').val('Female');
} else {
$('#textbox2').val('');
}
});
});然而，这是不起作用的。我想我不能选择checkbox组件。有什么问题吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-07-03 21:50:55
您需要直接检查复选框输入上的:checked，但是Contact Form7会将id添加到包装元素中。
解决方案是：
$(document).ready(function() {
// Returns male in textbox2 if checkbox2 checked.
$('#checkbox2').change(function() {
// CHANGED THIS SELECTOR
if ($('#checkbox2 input').is(':checked')) {
$('#textbox2').attr('value', 'Male');
} else {
$('#textbox2').attr('value', '');
}
});
// Returns female in textbox2
// if checkbox2 checked.
$('#checkbox3').change(function() {
// CHANGED THIS SELECTOR
if ($('#checkbox3 input').is(':checked')) {
$('#textbox2').attr('value', 'Female');
} else {
$('#textbox2').attr('value', '');
}
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68240114
复制相关文章
相似问题
腾讯云开发者
