Anzeige der Checkbox-Daten beim Klicken

Question

Ich versuche, mehrere Kontrollkästchen auswählen ... wenn ich auf Kontrollkästchen A und dann auf Kontrollkästchen B klicken, klicken Sie auch. Aber nur das A Kontrollkästchen, das die B Checkbox ich in einem verborgenen Zustand erstellt mit CSS erscheint ..

<button type="button" id="delete" title="Delete">Delete</button> 

<input type="checkbox" class="select_data" id="A" name="A[]" value="A" /> 
<input type="checkbox" class="info_del" id="B" name="B[]" value="B"> 

$('#delete').click(function() { 
     if($('#A').is(":checked")) { 
      $('#B').attr('checked', true).val(); 
     } 

    var data = $(".select_data:checked, .info_del:checked").serialize(); 
    console.log(data);  
}); 

Answer 1

Ich glaube, Sie haben eine Syntax Problem mit einer Zeile Ihrer jQuery.

Versuchen Sie diese Zeile zu ändern:

$('#B').attr('checked', true).val(); 

zu:

$('#B').prop('checked', true); 

Hier ist ein funktionierendes pen.