删除或添加禁用到 iCheck 无线电输入

Question

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

我该如何解决这个问题。

我的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() 启用收音机输入时。从技术上讲，您同时添加 checked 属性作为 true 您需要添加 disabled 属性 false 为您想要的输出。

你的Jquery就像

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

删除或添加禁用到 iCheck 无线电输入

Remove or add disabled to iCheck radio input

jquery

html

css

icheck