浅析easyui中的readonly和h5中的readonly

在使用easyui的过程中，有时会将input框的readonly属性和easyui的readonly属性混用，然后动态修改这一状态，但在easyui中如果使用h5的readonly属性，使用removeProp("readonly");方法后，虽然input框可以编辑，但value却获取不到最新编辑后的值。

代码如下：
 

<div>
    <input type="text" class="easyui-textbox" readonly="readonly" name="name" value="JOK" id="name">
</div>
-- 前
<div>
    <input type="text" class="easyui-textbox textbox-f" readonly="readonly" value="JOK" id="name" textboxname="name" style="display: none;">
    <span class="textbox textbox-readonly" style="width: 171px;">
        <input id="_easyui_textbox_input5" type="text" class="textbox-text validatebox-text validatebox-readonly" autocomplete="off" tabindex="" readonly="readonly" placeholder="" style="text-align: start; margin: 0px; padding-top: 0px; padding-bottom: 0px; height: 22px; line-height: 22px; width: 163px;">
        <input type="hidden" class="textbox-value" name="name" value="JOK">
    </span>
</div>
$('input[readonly="readonly"]').remo