jquery - 联系表 7 - 检查复选框是否已选中

Question

我不知道如何使用 jQuery 检查是否已选中复选框。基本上，如果选中该复选框，那么我需要它来运行一个函数。

在 WordPress 帖子中，我只需使用使用此 id 的短代码:

 [contact-form-7 id="78" title="BusinessForm"]

但是，它会将其输出为 HTML:

<span class="wpcf7-form-control-wrap sameAddress">
    <span class="wpcf7-form-control wpcf7-checkbox sameAddress" id="sameAddress">
        <span class="wpcf7-list-item first last">
            <input type="checkbox" name="sameAddress[]" value="Yes">
                <span class="wpcf7-list-item-label">Yes</span>
        </span>
    </span>
 </span>

这是我正在使用的 jQuery:

$(input[value='sameAddress[]']).change(function() {

    var alreadyChecked = $(this).hasClass('alreadyChecked');

    if (alreadyChecked) {
        alert('This does not have the class');  
        $(this).addClass('alreadyChecked');
    } else {
        alert('This has the class, yay!!!!! ');
    }

});

有人可以帮我改进这个并使其在选中复选框时运行功能/警报吗？提前致谢。

编辑:这是一个 fiddle :http://jsfiddle.net/uk3E3/

Answer 1

你绑定(bind)事件的方式是错误的，使用这样的属性选择器，

$("input[name = 'sameAddress[]']").change(function () {
    if (this.checked) {
        alert("checked");
    }
});

Fiddle

在您的代码中，没有值为 sameAddress[] 的复选框。因此它不会将更改事件绑定(bind)到任何复选框。

如果选中该复选框，

this.checked 将返回 true。