jquery - 删除或添加禁用到 iCheck radio 输入

Question

我有一个使用 iCheck jquery 库的 radio 输入。默认情况下，我的 radio 输入是禁用的。我使用 jquery 通过 jquery prop() 启用 radio 输入。现在我的问题是，当我启用 radio 输入时，我无法查看正常的 iCheck 平面皮肤，而是看到禁用的检查 View 。

我该如何解决这个问题。

我的 HTML

<div class="radio">
 <label>
   <input type="radio" name="iCheck" id="iCheck" value="No" class="flat" disabled="disabled"> No
 </label>
</div>
<div class="radio">
  <label>
    <input type="radio" name="iCheck" id="iCheck" value="Yes" class="flat" disabled> Yes
  </label>
</div>

Disable Radio Input

After enabling the input through jquery

This is what I expect

任何帮助将不胜感激

更新:

我有一个编辑按钮。单击编辑按钮时，我可以选中单选按钮。

<div class="rightpane">
    <button class="edit-btn">
        Edit
    </button>
</div>

我的jquery

$(document).on('click', '.edit-btn', function() {
        $('#iCheck').prop('disabled', false);
    });

Answer 1

当您使用 jquery prop() 启用 radio 输入时。从技术上讲，您同时将 checked 属性添加为 true 您需要添加 disabled 属性 false 为您想要的输出。

你的 Jquery 应该是这样的

$(document).on('click', '.edit-btn', function() {
   $('#iCheck').prop('disabled', false);
   $('#iCheck').prop('checked', true).iCheck('update');
});