JQuery：すべてをチェックした後、div内のランダムなチェックボックスをオフにする方法は？

Question

リンクをクリックすると、そのdivにあるすべてのチェックボックスをチェックしています。

要件：チェックボックスをclass="File"に設定しないでください。

function initSelectAll() { 
    $("form").find("a.selectAll").click(function() { 
    var cb = $(this).closest("div").find("input[type=checkbox]"); 
    cb.not(":checked").click().length || cb.click(); 
    //........WANT TO UNCHECK checkboxes with class="file" where link id is 'id="ninapaya"'; how to do that?...... 
    return false; 
    }); 
} 
initSelectAll(); 

JSFiddle：https://jsfiddle.net/k4d6zpay/

Answer 1

はこの試してみてください。

function initSelectAll() { 
    $("form").find("a.selectAll").click(function() { 
    var cb = $(this).closest("div").find("input[type=checkbox]"); 
    cb.not(":checked").not('.File').click().length || cb.click(); 
    return false; 
    }); 
} 
initSelectAll(); 

また、あなたのjsfiddleリンクに更新します。すべてのボックスをチェックします

次のコードhttps://jsfiddle.net/k4d6zpay/1/

Answer 2

function initSelectAll() { 
    $("form").find("a.selectAll").click(function() { 
    var cb = $(this).closest("div").find("input[type=checkbox]:not(.File)"); 
    cb.not(":checked").click().length || cb.click(); 
    //........WANT TO UNCHECK checkboxes with class="file" where link id is 'id="ninapaya"'; 
    $(this).closest("div").find("input[type=checkbox][id='ninapaya'].File").prop('checked',false); 
    return false; 
    }); 
} 
initSelectAll(); 

Answer 3

それは.prop(.prop(propertyName, function))を使用し、 `:not selector

$("form").find("a.selectAll").click(function() { 
    $(this).closest("div").find("input[type='checkbox']:not('.File')").prop('checked', function() { 
    return !this.checked; 
    }); 
}); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<form> 
    <div> 
    Select 
    <span class="kukapaya">(<a href="#" id="ninapaya" class="selectAll">alle</a>)</span> 
    <br> 
    <input type="checkbox" class="document" name="check2"> 

    <input type="checkbox" class="document" name="check2"> 

    <br> 
    <input type="checkbox" class="File"> 

    <input type="checkbox" class="File"> 
    </div> 
</form>