Question

在我的页面上，当鼠标悬停在它上面时，会为输入类型单元格添加选中的检查属性如何在鼠标悬停中添加mouseout以删除属性？

   $('span').mouseover(function(){
     jQuery(this).find('input').attr('checked','checked')
 });

Answer 1

不使用attr('checked','checked')，而是使用：

.attr('checked',true);  // to make checked
.attr('checked',false); // to make uncheck

Working fiddle

在您的情况下，使用mouseout取消选中它：

$('span').mouseout(function(){
    jQuery(this).find('input').attr('checked',false);
});

Answer 2

使用removeAtrr('checked')删除鼠标输出时的属性checked。

JSFiddle

HTML代码 -

<span>
  <input type="checkbox" id="chk1" >
</span>
<span>
  <input type="checkbox" id="chk2" checked >
</span>

JAVASCRIPT代码 -

$('span').mouseout(function(){
    jQuery(this).find('input').removeAttr('checked');
});
$('span').mouseover(function(){
    jQuery(this).find('input').attr('checked','checked')
});

Answer 3

您可以使用gradle --debug在单一功能中进行检查。

＆＃13;

event

＆＃13;

$(document).on('mouseenter mouseleave', 'span', function(evt) {
  evt.type === 'mouseenter' ? $(this).find('input').prop('checked', true) : $(this).find('input').prop('checked', false);

});

＆＃13;

如何在mouseout时删除attr？

3 个答案: