chcem sa spýtať na začiarkavacie políčko / zrušte začiarknutie políčka all - javascript, ajax, zaškrtávacie políčko

Chcem zrušiť začiarknutie políčka "all", keď zruším začiarknutie políčka 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;
})
}

})

odpovede:

našiel som $("input[name="checkbox"]").attr("checked", "checked"); je možné zmeniť všetky zaškrtávacie políčka na checked.Use prop () namiesto .attr()

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

});

Skúste to použiť

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

V jednoduchom jazyku 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.

Ak chcete dosiahnuť očakávaný výsledok, použite možnosť nižšie

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

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

$ ("# Všetko") kliknite na tlačidlo (funkcia () { stav var = $ (toto) .is (": začiarknuté"); ak (stav) { $ ("zadajte [typ =" zaškrtávacie políčko "]) .pro (" začiarknuté "," začiarknuté ");

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

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