在文本框中动态添加Html Check Mark Character

Question

我想在文本框中添加✔字符（即重复复选标记）。 如果我将其硬编码为文本框的值，它会在浏览器中显示正确的复选标记。 但是，如果我尝试将值动态更新为＆＃34;✔＆＃34;它没有在浏览器中反映出来。 我试过了

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>

Answer 2

最好的方法是：

var abc = $('#txtBox').html('✔').text();


$('#txtBox').val(abc);

JsFiddle

Answer 3

确保添加了正确的字符集

$(document).ready(function() {
    $('#click_me').click(function(){
        $('#Box').val($('#Box').val() + '✔');
     });
});

http://jsfiddle.net/synL1wLa/