javascript - 联系表格 7 复选框 勾选

Question

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

但是，这是行不通的。我想我无法选择复选框组件。问题是什么？

标签： javascriptcontact-form-7

Answer 1

您需要直接检查:checked复选框输入，但联系表格 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', '');
        }
    });

});