Question

我撰写了一些 j(jQuery),在被点击时能够围绕检查箱进行包装。然而,Im 的问题在于,当你在检查箱上点击时,它却不工作,因为它是两倍的(至少我认为,我们会知道所发生的事情)。

Here s the code:

$( .checkbox-wrapper ).click(function(){
    var $checkbox = $(this).find( input[type="checkbox"] );
    if ($checkbox.is( :checked )) {
        $checkbox.attr( checked , false);
    } else {
        $checkbox.attr( checked , true);
    }
});

我怎么能够做到,把检查箱点点击成正常工作,但如果你在周围地区点击,则把检查箱打到一起?

Solution:

感谢 j们评论了如何通过检查活动来做到这一点。目标财产:

$( .checkbox-wrapper ).click(function(e){
    if( e.target.nodeName ===  INPUT  ) {
        e.stopPropagation();
        return;
    }
    
    var $checkbox = $(this).find( input[type="checkbox"] );
    if ($checkbox.is( :checked )) {
        $checkbox.attr( checked , false);
    } else {
        $checkbox.attr( checked , true);
    }
});

正如其他人指出的,这也许不是最好的例子,因为你具有同样的功能(不需要javascript),把检查箱装上标签标签,而不是贴上标签。

Answer 1

Check the event.target property.

The target property can be the element that registered for the event or a descendant of it. It is often useful to compare event.target to this in order to determine if the event is being handled due to event bubbling.

Answer 2

引言

$( .checkbox-wrapper ).click(function(e){
   if(!$(e.target).is(":checkbox")){
     var $checkbox = $(this).find( input[type="checkbox"] );
     if ($checkbox.is( :checked )) {
         $checkbox.attr( checked , false);
     } else {
         $checkbox.attr( checked , true);
     }
   }
});

Answer 3

仅包装一个<代码><label>周围。

Answer 4

象你这样说,你不会停止把事情传给家长。

• 如何阻止在检查箱上铺设会议

Solution:

友情链接