javascript - 如何将复选标记作为字符？

Question

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

而不是 checkMark 图片我想要一个 chekMark 字符。
请问有办法吗？

score 20 · Accepted Answer

20

您可以使用U+2713（复选标记符号✓）：

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

于 2012-07-28T17:58:12.117 回答

score 13 · Accepted Answer

13

尝试

$("#status").html('&#10003;');

于 2012-07-28T17:58:31.590 回答

score 4 · Accepted Answer

尝试任何一个

&#10003;

✓

一个是十六进制，一个是十进制。如果我不在它们周围放置代码标记，你会得到

✓ ✓

score 3 · Accepted Answer

✓或者✔

虽然我必须说我认为图片是更好的选择：您可以在以后随时修改它而无需更改代码。

score 2 · Accepted Answer

试试这个：

十进制：

&#10003;

或 十六进制：

&#x2713;

例子： $("#status").html('✓');

score 0 · Accepted Answer

您还可以在 Web 字体中使用复选标记。

这个问题（和答案）现在已经有五年了。为了那些来自谷歌的人，我想添加另一个近年来可用的选项，但在以前的答案中没有提到。

您当然仍然可以使用 unicode 字符 (.html("✓")或.text("\u2713")，但是在过去几年中，网络字体变得更加普遍。例如，材质图标有一个复选标记： https ://material.io/icons/#ic_check

谷歌（制作和维护材料图标）也很好地解释了网络字体以及如何在这里使用它们：https ://google.github.io/material-design-icons/

基本上网络字体是两全其美的：图像的定制和字体字符的使用/动态。使用 web 字体优于 unicode 字符的优点是：

控制样式（您可以制作自己的任何样式的网络字体字符，而 unicode 字符就是它们的样子）
使用多种样式（您可以为不同情况制作具有多种复选标记样式的网络字体；您不会被锁定在一种样式中）
代码可读性（很少有开发人员知道什么\u2713或&#10003意思，但<i class="myfont">check</i>很容易理解
可移植性：虽然每个主流浏览器都默认使用 unicode 字体，但仍有一些计算机或设备默认使用非 unicode 字体呈现。事实上，维基百科目前的 unicode 字体列表相当长，但每种字体所支持的字符差异很大，而且每种字体在不同平台上的渲染方式也存在明显差异。包含 webfont 可确保每个用户都看到相同的内容，而不管平台或默认字体如何。
更多选项：安装 webfont 允许您更新样式、向字体添加新图标/字符等。目前无法使用 unicode 执行此操作。

6 回答 6