javascript - jQuery onclick div 检查复选框

Question

我有以下 HTML 代码:

<div class="member">
    <input type="checkbox" value="64" style="display:none;" name="memberId[]" />
    <div class="memberInfo">John Doe</div>
</div>

我正在尝试获取一个 jQuery 脚本，当访问者按下 member div 时，它将更改背景颜色，并选中 memberId 复选框。

这样的 jQuery 脚本应该是什么样子？

谢谢

Answer 1

您可能应该使用 toggle 来执行此操作它允许您设置两个处理程序:一个用于第一次触发处理程序，然后一个用于下一次，根据需要重复。

$('.member').toggle(function() { // first time
    $(this).css('background-color', '#ff0000')
           .find('input:checkbox').attr('checked', true);
}, function() { // second time
    $(this).css('background-color', '#ffffff')
           .find('input:checkbox').attr('checked', false);
});