联系表格 7 复选框勾选答案

【问题标题】：Contact form 7 checkbox Check联系表格 7 复选框勾选
【发布时间】：2021-09-15 06:56:29
【问题描述】：

我的联系表格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('');
            }
        });
    });

但是，这不起作用。我想我无法选择复选框组件。有什么问题？

【问题讨论】：

标签： javascript contact-form-7

【解决方案1】：

您需要直接检查复选框输入上的:checked，但Contact Form 7将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', '');
        }
    });

});

【讨论】：