在文本框中动态添加 Html 复选标记字符

Question

我正在尝试在文本框中添加 ✔ 字符（即重复选标记）。如果我将其硬编码为文本框的值，它会在浏览器中显示正确的复选标记。但是，如果我尝试将值动态更新为“✔”，它不会反映在浏览器中。我试过

1.  $('#txtBox').val(result.value);

2.  $('#txtBox').val('✔');

3.  $('#txtBox').attr('value',result.value);

4.   $('#txtBox').attr('value','✔');

所有这些组合。即使这样，如果我尝试动态显示复选标记，它也不会显示复选标记。请帮忙

Answer 1

一种方法是直接添加 ? 特点。

$('#addChkBox').click(function () {
    $('#txtBox').val('?');
}); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="txtBox"/>
<button id="addChkBox">Add CheckBox</button>