我使用了悬停功能，您可以在鼠标悬停时执行 x 以及在鼠标悬停时执行 y 和鼠标悬停。我正在尝试相同的点击，但它似乎不起作用：
$('.offer').click(function(){
$(this).find(':checkbox').attr('checked', true );
},function(){
$(this).find(':checkbox').attr('checked', false );
});
我希望在单击 div 时选中复选框，如果再次单击则取消选中 - 单击切换。
【问题讨论】：
这很容易通过在每次点击时翻转复选框的当前“选中”状态来完成。例子：
$(".offer").on("click", function () {
var $checkbox = $(this).find(':checkbox');
$checkbox.attr('checked', !$checkbox.attr('checked'));
});
或：
$(".offer").on("click", function () {
var $checkbox = $(this).find(':checkbox');
$checkbox.attr('checked', !$checkbox.is(':checked'));
});
或者，通过直接操作 DOM 'checked' 属性（即不使用attr() 来获取被点击复选框的当前状态）：
$(".offer").on("click", function () {
var $checkbox = $(this).find(':checkbox');
$checkbox.attr('checked', !$checkbox[0].checked);
});
...等等。
注意：从 jQuery 1.6 开始，复选框应该使用prop 而不是attr：
$(".offer").on("click", function () {
var $checkbox = $(this).find(':checkbox');
$checkbox.prop('checked', !$checkbox[0].checked);
});
【讨论】：
'1'。
... $(this).find(':checkbox').click(); ...
另一种方法是像这样扩展 jquery：
$.fn.toggleCheckbox = function() {
this.attr('checked', !this.attr('checked'));
}
然后调用：
$('.offer').find(':checkbox').toggleCheckbox();
【讨论】：
this.trigger('change');否则不会触发onChange事件。
警告：使用 attr() 或 prop() 更改复选框的状态 不会 触发 change 事件 在我测试过的大多数浏览器中。检查状态会改变，但没有事件冒泡。您必须在设置选中属性后手动触发更改事件。我有一些其他事件处理程序监视复选框的状态，它们可以在用户直接点击时正常工作。但是，以编程方式设置检查状态无法始终触发更改事件。
jQuery 1.6
$('.offer').bind('click', function(){
var $checkbox = $(this).find(':checkbox');
$checkbox[0].checked = !$checkbox[0].checked;
$checkbox.trigger('change'); //<- Works in IE6 - IE9, Chrome, Firefox
});
【讨论】：
您可以使用toggle 函数：
$('.offer').toggle(function() {
$(this).find(':checkbox').attr('checked', true);
}, function() {
$(this).find(':checkbox').attr('checked', false);
});
【讨论】：
为什么不在一行？
$('.offer').click(function(){
$(this).find(':checkbox').attr('checked', !$(this).find(':checkbox').attr('checked'));
});
【讨论】：
我有一个名为 chkDueDate 的复选框和一个带有点击事件的 HTML 对象，如下所示：
$('#chkDueDate').attr('checked', !$('#chkDueDate').is(':checked'));
单击 HTML 对象（在本例中为 <span>）切换复选框的选中属性。
【讨论】：
jQuery：最好的方法，将操作委托给 jQuery (jQuery = jQuery)。
$( "input[type='checkbox']" ).prop( "checked", function( i, val ) {
return !val;
});
【讨论】：
尝试改变这个：
$(this).find(':checkbox').attr('checked', true );
到这里：
$(this).find(':checkbox').attr('checked', 'checked');
不是 100% 确定是否会这样做，但我似乎记得遇到过类似的问题。祝你好运！
【讨论】：
$('.offer').click(function(){
if ($(this).find(':checkbox').is(':checked'))
{
$(this).find(':checkbox').attr('checked', false);
}else{
$(this).find(':checkbox').attr('checked', true);
}
});
【讨论】：
在 JQuery 中，我认为 click() 不接受两个用于切换的函数。您应该为此使用 toggle() 函数：http://docs.jquery.com/Events/toggle
【讨论】：
$('.offer').click(function() {
$(':checkbox', this).each(function() {
this.checked = !this.checked;
});
});
【讨论】：
最简单的解决方案
$('.offer').click(function(){
var cc = $(this).attr('checked') == undefined ? false : true;
$(this).find(':checkbox').attr('checked',cc);
});
【讨论】：
<label>
<input
type="checkbox"
onclick="$('input[type=checkbox]').attr('checked', $(this).is(':checked'));"
/>
Check all
</label>
【讨论】：
切换复选框值的另一种替代解决方案：
<div id="parent">
<img src="" class="avatar" />
<input type="checkbox" name="" />
</div>
$("img.avatar").click(function(){
var op = !$(this).parent().find(':checkbox').attr('checked');
$(this).parent().find(':checkbox').attr('checked', op);
});
【讨论】：
$('controlCheckBox').click(function(){
var temp = $(this).prop('checked');
$('controlledCheckBoxes').prop('checked', temp);
});
【讨论】：