Je veux poser des questions sur la case à cocher / décocher tout - javascript, ajax, case à cocher

je veux décocher la case "tout" quand je décoche 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;
})
}

})

Réponses:

j'ai trouvé $("input[name="checkbox"]").attr("checked", "checked"); is can "ne change pas toutes les cases à cocher en cases à cocher. Utilisez prop () .attr()

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

});

Essayez d'utiliser ceci

$(".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

En clair Javascript:

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

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.

Pour obtenir les résultats attendus, utilisez l’option ci-dessous

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

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

$ ("# All"). Click (function () { var status = $ (this) .is (": vérifié"); si (statut) { $ ("input [type =" case à cocher "]"). prop ("vérifié", "vérifié");

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

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