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

【问题标题】：Remove or add disabled to iCheck radio input删除或添加禁用到 iCheck 无线电输入
【发布时间】：2019-07-28 12:54:33
【问题描述】：

我有一个使用 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);
    });

【问题讨论】：

嗨@theveil，你必须检查css，
我的 css 工作正常，否则禁用。

标签： jquery html css icheck

【解决方案1】：

当您使用 jquery prop() 启用无线电输入时。从技术上讲，您同时将checked 属性添加为true您需要添加disabled 属性false 以获得所需的输出。

你的 Jquery 是这样的

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

【讨论】：

谢谢，但我试过了，但没有成功。任何其他方式
太棒了！！！！它的工作原理非常棒。唯一的问题是，每次我单击编辑按钮时，它都会显示“是”选项已选中，即使之前已选中“否”。此外，如何禁用它们保持选中（如果有）冻结。无论如何感谢您的时间和回复
我通过 $(document).on('click', '.edit-btn', function() {$('#iCheck').prop( "disabled", true ).iCheck('update');});但是如何在单击编辑按钮时保留所选选项，而不是每次都重置为“是”选项
好的。最后，我让一切都按照我的要求工作。我删除了@LulzAsh 的第二行并简单地输入了 $('#iCheck').prop('disabled', false).iCheck('update'); .再次感谢。
@theveil 您的代码是正确的，但它没有更新/反映界面，因为 icheck 是外部插件，它需要使用.iCheck('update');进行更新