Question

我有一些jquery取消选中所有复选框，然后如果一个被检查，那么它将取消选中所有其他复选框！我想在页面上排除一个带有一些复选框的div！

要排除的div有class =“addon”..

$(document).ready(function (){
$(function(){
    $('input:checkbox').prop('checked', false)
    $('input:checkbox').click(function(){
        if($(this).is(':checked')){
            $('input:checkbox').not(this).prop('checked', false);        
        }
    });
})
recal();

});

或者我怎样才能使上述代码仅适用于类名为notaddon的div内的复选框..而不是页面上的所有复选框！ ???

（编辑：我实际上屠杀了这个问题，但是Roger完全按照我的要求给了我甚至不是我的意思我给了罗杰支票！有趣的是，直到我看到Pratik回应，我意识到我问了错误的问题所以他应该得到一些信任..）

Answer 1

在此代码之后为div中的所有复选框编写另一个代码并取消选中复选框的属性。

$('#yourExcludeDivID').find('input[type=checkbox]:checked').removeAttr('checked');

如果要完全从div中删除复选框，请使用

$('#yourExcludeDivID').find('input[type=checkbox]:checked').remove();

Answer 2

$('input:checkbox', '#myDivId')会为您提供包含在id="myDivId"

的div中的所有复选框

所以在你的情况下，它将是$('input:checkbox', '.notaddon')

Answer 3

使用此

例如，我想在带有类测试的div中检查复选框

<强> HTML

<div class="test"><input type="checkbox" id="test"/></div>
<input type="checkbox" id="test1"/>

<强>的jQuery

$(".test input:checkbox").prop('checked', true);

或者，如果我理解正确，您可能需要此代码

 $('.notaddon input:checkbox').prop('checked', false)
    $('.notaddon input:checkbox').click(function(){
        if($(this).is(':checked')){
            $('.notaddon input:checkbox').not(this).prop('checked', false);        
        }
    });

希望这有帮助

jquery从函数中排除div

3 个答案: