Geprüfte Eigenschaft, die falsch in HTML kommt

Question

Ich setze eine Checked-Eigenschaft für Checkbox mit JQuery als `$ ('# food'). Prop ('checked', true);

Die Eigenschaft checked wird im HTML-Code gesetzt, aber nicht korrekt. Die Eigenschaft wird gesetzt als checked"= " ". Warum passiert es so? Was könnte das Problem sein?

HTML-Code:

<input type="radio" name="food" value="yes" id="food"> 

Answer 1

<input type="radio" name="food" value="yes" id="food" checked=""> 

Sie haben eine HTML-Fehler, das ist, wie es aussehen sollte.

Genauer gesagt, dieses Stück Code - jQuery-Code korrekt ist

checked"="" 

Look: https://jsfiddle.net/dtdLnfhg/

Answer 2

Da false in Browser als leer umgewandelt

checked = false; 
 
function toggleChecked(){ 
 
    $('input[type="checkbox"]').prop('checked' , checked); 
 
    $('#test').html(checked); 
 
    console.log("checked : "+checked); 
 
    checked = !checked; 
 
    
 
} 
 
toggleChecked();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox"> 
 
<input type="button" onclick="toggleChecked()" value="Toggle"> 
 
<div id="test"></div>

Das Gleiche gilt für Radiotyp

checked = false; 
 
function toggleChecked(){ 
 
    $('input[type="radio"]').prop('checked' , checked); 
 
    $('#test').html(checked); 
 
    console.log("checked : "+checked); 
 
    checked = !checked; 
 
    
 
} 
 
toggleChecked();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio"> 
 
<input type="button" onclick="toggleChecked()" value="Toggle"> 
 
<div id="test"></div>

Answer 3

Wie erwartet ein Fehler in Ihrem HTML-Code gibt. Es gibt ein zusätzliches Angebot "nach geprüft. Nur entfernen.

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="radio" name="food" value="yes" id="food" checked="">