javascript - example - jade page

Jade Casilla de verificación de atributo revisado sin marcar basado en condicional(si)

Question

¿Cómo obtengo jade para representar el atributo marcado de una casilla de verificación basada en un condicional? Al igual que estas dos versiones de la etiqueta de casilla HTML:

Esta parece ser la ÚNICA versión válida de desactivada:

>  <input type="checkbox" name="vehicle" value="Bike">

Mientras esto está marcado:

> <input type="checkbox" name="vehicle" value="Car" checked="checked">

Esto es lo que he intentado hasta ahora:

Este Jade está bien:

    input(type="checkbox", name="completed", checked=(true===true ? "checked" : "")).checkbox

porque representa esto:

<input type="checkbox" name="completed" checked="checked" class="checkbox">

pero este Jade no está bien:

    input(type="checkbox", name="completed", checked=(false===true ? "checked" : "")).checkbox

porque representa esto:

<input type="checkbox" name="completed" checked="" class="checkbox">

en lugar de esto:

<input type="checkbox" name="completed" class="checkbox">

¿Cómo hago para que Jade muestre todo el atributo comprobado en lugar de solo el valor del atributo comprobado?

Answer 1

Puedes usar:

input(type="checkbox", name="completed", checked=(true===false ? "checked" : undefined))

Answer 2

No es necesario especificar los valores:

input(type="checkbox", name="completed", checked=(condition))

Si la condición es falsa, no se agregará ningún atributo verificado.

Answer 3

Otra forma de hacer lo mismo es mediante la condición ''si'':

if(#{data.refrigerated} == ''1'')
   input(type=''checkbox'', name=''refrigerated'', checked)
else
   input(type=''checkbox'', name=''refrigerated'')

Cuando la condición sea verdadera, se marcará la casilla de verificación en el DOM; de lo contrario, se marcará la casilla de verificación sin marcar.

Answer 4

puedes intentar así

  option(value=''man'' selected = profile.sex ===''man'') man
  option(value=''female'' selected = profile.sex ===''female'') female