Jak umieścić checkMark jako znak?

Question

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

Zamiast obrazka z testu kontrolnego chcę mieć znak chekMark.
Czy istnieje sposób, proszę?

Answer 1

Spróbuj

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

Answer 2

spróbować jednego z

✓ 

✓

nich jest sześciokątny, jedna jest po przecinku. Jeśli nie ustawię znaczników kodu wokół nich, otrzymasz

✓ & # x2713;

Answer 3

Zobacz to: http://www.danshort.com/HTMLentities/index.php?w=dingb

✓ lub ✔

Chociaż muszę powiedzieć, że myślę, że obraz jest lepszym rozwiązaniem: można go zmodyfikować później w dowolnym momencie bez zmiany kodu.

Answer 4

Można użyć U+2713 (zaznaczenie symbol √):

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

Answer 5

Spróbuj tego:

dziesiętny:

✓ 

lub hex:

✓ 

przykład:$("#status").html('✓');

Answer 6

Można również użyć zaznaczenia w czcionce internetowej.

To pytanie (i odpowiedzi) mają teraz pięć lat. Ze względu na tych, którzy pochodzą z Google, chciałem dodać inną opcję, która stała się dostępna w ostatnich latach, ale nie wspomniano o niej w poprzednich odpowiedziach.

Można oczywiście nadal używać znaków Unicode (.html("✓") lub .text("\u2713"), ale w ciągu ostatnich kilku lat czcionek internetowych stają się coraz bardziej powszechne na przykład materiał ikony znajduje się znacznik wyboru. https://material.io/icons/#ic_check

Google (który stworzył i utrzymuje ikony materiałów) również dobrze wyjaśnił czcionki sieciowe i sposób ich wykorzystania tutaj: https://google.github.io/material-design-icons/

Zasadniczo czcionki internetowe są najlepsze z obu światów: dostosowywanie obrazów i wykorzystanie/dynamika znaków czcionki.Korzyści z używania czcionek internetowych ciągu znaków Unicode są:

• kontrolę nad stylem (można stworzyć swój własny charakter czcionki internetowej jakiegokolwiek stylu, natomiast znaki Unicode są, jakie są)
• Zastosowanie wielu stylów (ty może czcionek internetowych z wielu stylów znaków kontrolnych dla różnych sytuacjach, nie jesteś zamknięty w jednym stylu)
• czytelności kodu (bardzo niewielu deweloperów będzie wiedział, co \u2713 lub &#10003 środki, ale <i class="myfont">check</i> jest łatwe do zrozumienia
• przenośność : chociaż każda większa przeglądarka używa czcionki Unicode domyślnie nadal istnieją komputery lub urządzenia, które domyślnie mogą renderować czcionkę nie zawierającą kodu Unicode. Rzeczywiście, wikipedia's current list of unicode fonts jest przyzwoicie długi, ale obsługiwane znaki różnią się znacznie między poszczególnymi czcionkami i istnieją wyraźne różnice między tym, jak każda czcionka jest renderowana przez różne platformy. Włączenie webfonta gwarantuje, że każdy użytkownik zobaczy to samo, niezależnie od platformy i domyślnych czcionek.
• Więcej opcji: po zainstalowaniu programu webfont można zaktualizować styl, dodać nowe ikony/znaki do czcionki itp. Obecnie nie ma sposobu, aby zrobić to za pomocą Unicode.