¿Cómo colocar una marca de verificación como un personaje?

Question

$("#status").html('<img src="available.png">Available'); 

En lugar de la imagen de CheckMark quiero un carácter de chekMark.
¿Hay alguna manera, por favor?

Answer 1

Trate

$("#status").html('✓'); 

Answer 2

tratar cualquiera de

✓ 

✓

es hexagonal, uno es decimal. Si no pongo marcadores de código a su alrededor, obtiene

✓ & # x2713;

Answer 3

ver esto: http://www.danshort.com/HTMLentities/index.php?w=dingb

✓ o ✔

Aunque debo decir que creo que una imagen es una mejor opción: se puede modificar más adelante en cualquier momento sin necesidad de cambiar el código.

Answer 4

Usted podría utilizar U+2713 (Marca de verificación símbolo ✓):

$("#status").text("\u2713 Available"); 

Answer 5

Prueba esto:

decimal:

✓ 

o hexagonal:

✓ 

ejemplo:$("#status").html('✓');

Answer 6

También puede utilizar una marca de verificación en una fuente web.

Esta pregunta (y las respuestas) tienen ahora cinco años. Por el bien de quienes vienen de Google, quería agregar otra opción que esté disponible en los últimos años, pero que no se menciona en respuestas anteriores.

Por supuesto que puede seguir utilizando caracteres Unicode (.html("✓") o .text("\u2713"), pero en las últimas fuentes web pocos años han vuelto más comunes Por ejemplo, iconos material tiene una marca de verificación:. https://material.io/icons/#ic_check

Google (que hizo y mantiene iconos de materiales) también hizo un buen trabajo explicando fuentes web y cómo usarlas aquí: https://google.github.io/material-design-icons/

Básicamente, las fuentes web son lo mejor de ambos mundos: la personalización de imágenes y el uso/dinámica de los caracteres de fuente.Las ventajas de utilizar fuentes web sobre los caracteres Unicode son:

• control sobre el estilo (se puede hacer su propio carácter de fuente web de cualquier estilo, mientras que los caracteres Unicode son lo que son)
• uso de múltiples estilos (se puede hacer que las fuentes web con numerosos estilos de marcas de verificación para diferentes situaciones, usted no estará ligada a un estilo)
• la legibilidad del código (muy pocos desarrolladores sabrán qué \u2713 o &#10003 medios, pero <i class="myfont">check</i> es fácil de entender
• portabilidad : aunque cada navegador importante usa una fuente unicode de forma predeterminada, todavía hay algunas computadoras o dispositivos que pueden renderizar con una fuente no unicode por defecto. De hecho, wikipedia's current list of unicode fonts es larga y digna, pero los caracteres admitidos varían ampliamente entre cada fuente, y hay claras diferencias entre la forma en cada fuente se hace por diferentes plataformas. La inclusión de un webfont garantiza que todos los usuarios verán lo mismo, independientemente de la plataforma o las fuentes predeterminadas.
• Más opciones: tener un webfont instalado le permite actualizar el estilo, agregar nuevos iconos/caracteres a la fuente, etc. No hay manera de hacer esto actualmente con Unicode.