jQuery onclick div 检查复选框

我有以下 HTML 代码：

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

我正在尝试获取一个 jQuery 脚本，当访问者按下memberdiv 会改变背景颜色，并检查memberId复选框。

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

Thanks,

你可能应该这样做toggle http://api.jquery.com/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);
});