2016-11-04 1 views
0

Ich habe den folgenden Code-IDs von Berechtigungen mit AJAX abrufenKennzeichnung Kontrollkästchen als nicht ausgewählten mit jquery

$('#verPermisos').click(function() {     
    var role = $('#roles :selected').val(); 

    $.ajax({ 
     type: "POST", 
     url: "populate", 
     data: { role : role }, 
     success: function(data) { 
      console.log(data); 
      var permisoArreglo = data; 
      $.each(permisoArreglo, function(index, value) { 
       $("input:checkbox[value=" + permisoArreglo[index] + "]").attr("checked", true); 
      }); 
     } 
    }); 

aber ich brauche es auch die Kontrollkästchen

$(this).closest('form').find("input[type=checkbox]").attr('checked', false); 
$('input[type=checkbox]').attr('checked', false); 

jedes Mal seine geklickt Ive versuchte zurücksetzen ich habe nicht ein Problem Boxen invidually unchecking haben, aber wenn ich

$('input[type=checkbox]').attr('checked', false); 

es keine Longers prüft alle Boxen

Es hat jedoch nicht funktioniert.

+5

Versuchen 'prop ('geprüft', false)'. Wenn dies nicht gelingt, vergewissern Sie sich, dass die AJAX-Anfrage den 'success'-Handler trifft und dass das von Ihnen verwendete DOM-Traversal tatsächlich das Element findet, von dem Sie es erwarten –

+0

Mögliches Duplikat von [check/uncheck checkbox mit jquery?] (Http : //stackoverflow.com/questions/17420534/check-uncheck-checkbox-using-jquery) –

+0

Es funktionierte ändernde zu .prop vielen Dank – Mntfr

Antwort

0

Dies sollte

Javascript arbeitet

$('input[type="checkbox"]').prop('checked', false); 

JSFiddle

0

Entweder .attr('checked', false) oder .prop('checked', false) soll mit der neuesten Version von jQuery arbeiten (zumindest. Wenn keiner dieser Arbeit, das Problem könnte etwas anderes sein, wie etwas, das es nach dem Reset zurücksetzen würde, oder du hättest gerade einen einfachen Tippfehler gehabt oder bist nie zu t gekommen er Teil des Code, den Sie versuchen, es in.

$(() => { 
 
    $('#withAttr').click(() => { $('input[type="checkbox"]').attr('checked', false); }); 
 
    $('#withProp').click(() => { $('input[type="checkbox"]').prop('checked', false); }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p><input type="checkbox" checked> Checkbox</p> 
 
<button id="withAttr">Clear with Attr</button> 
 
<button id="withProp">Clear with Prop</button>

Verwandte Themen