javascript - bootstrap - option value html

casilla de verificación establecida en comprobado=falso no funciona

Question

Estoy generando una entrada HTML con checked="false" , sin embargo, la casilla de verificación se muestra marcada.

Hice lo siguiente en la consola de javascript y no puedo averiguar qué está pasando. El HTML resultante después de usar .prop() para establecer el valor en falso se ve igual, excepto que ahora la casilla de verificación no está marcada en el formulario.

> $('':input[checked]'').prop(''checked'');
< true
> $('':input[checked]'')
< [
<input type=​"checkbox" class=​"caseVal" checked=​"false">​
]
> $('':input[checked]'').prop(''checked'',false);
< [
<input type=​"checkbox" class=​"caseVal" checked=​"false">​
]

Tengo la impresión de que solo debería establecer checked="checked" O no incluir la propiedad marcada en absoluto si es falsa, ¿es esa la mejor práctica? De cualquier manera, me gustaría saber qué está pasando en el código anterior.

Answer 1

Cómo desmarcar en este caso, por ejemplo, mi código es: (ver más abajo)

if(previousHighlightedCheckbox!=null) {
    console.log(sent.id, previousHighlightedCheckbox); // current checkbox and previous check box values are different.
    document.getElementById(previousHighlightedCheckbox).checked = false; // still this does not uncheck previous one
  } 

Answer 2

No ponga checked="false"

Solo pones marcado = "marcado" para XHTML válido, de lo contrario lo harías

<input type="checkbox" checked>

Al navegador no le importa qué valor se asigna al atributo comprobado, tan pronto como aparece checked en la etiqueta de entrada de la casilla de verificación, se marca como marcado.