Ich möchte über Checkbox fragen/uncheckbox alle

Question

ich will Checkbox "alle" deaktivieren, wenn ich checkbok

$('#All').click(function() { 
     var status = $(this).is(":checked"); 
     if (status) { 
      $.each($('input[name="checkbox"]'), function() { 
       this.checked = true; 
      }) 
      $('input[name="checkbox"]').attr("checked", "checked"); 

     } else { 
      $('input[name="checkbox"]').removeAttr("checked"); 
      $.each($('input[name="checkbox"]:checked'), function() { 
       this.checked = false; 
      }) 
     } 

    }) 

Answer 1

fand ich $('input[name="checkbox"]').attr("checked", "checked"); ist, kann nicht alle Kontrollkästchen, um checked.Use prop ändern() anstelle von .attr()

$('#All').click(function() { 
     var status = $(this).is(":checked");   
     if (status) { 
      $('input:checkbox').prop("checked", "checked"); 
     } else { 
      $('input:checkbox').removeAttr("checked"); 
     } 

    }); 

Answer 2

deaktivieren Versuchen Sie, diese

$(".all").click(function() 
 
{ 
 
var el=this; 
 
    $(".child").each(function(){  
 
    $(this).prop("checked",$(el).prop("checked")) ; 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" class="all"/>All 
 
<input type="checkbox" class="child"/>one 
 
<input type="checkbox" class="child"/>two 
 
<input type="checkbox" class="child"/>three 
 
<input type="checkbox" class="child"/>four

mit

Answer 3

Im Klar Javascript.

document.getElementById('All').addEventListener('click', function(event) { 
    var checkboxes = document.querySelectorAll('input[name="checkbox"]'); 
    Array.from(checkboxes).forEach(checkbox => { 
     checkbox.checked = this.checked; 
    }); 
}); 

Answer 4

erwartetes resule Um dies zu erreichen, verwenden Sie unter Option

Check All: 
('input[type="checkbox"]').prop("checked", "checked"); 

Uncheck All: 
$('input[type="checkbox"]').removeAttr("checked"); 

$ ('# Alle') klicken (function() { var status = $ (this). wird geprüft"); if (status) { $ ('input [type = "checkbox"]'). Prop ("checked", "checked");

} else { 
    $('input[type="checkbox"]').removeAttr("checked"); 
    } 
}); 

http://codepen.io/nagasai/pen/ezBvyG

Answer 5

Try with this : 
HTML code : 

<input type="button" class="check" value="check all" /> 
<input type="checkbox" class="cb-element" /> Checkbox 1 
<input type="checkbox" class="cb-element" /> Checkbox 2 
<input type="checkbox" class="cb-element" /> Checkbox 3 

jquery code : 
$(document).ready(function(){ 
    $('.check:button').toggle(function(){ 
     $('input:checkbox').attr('checked','checked'); 
     $(this).val('uncheck all') 
    },function(){ 
     $('input:checkbox').removeAttr('checked'); 
     $(this).val('check all');   
    }) 
}) 
Hope you get your point.