Jquery 删除或添加禁用到iCheck收音机输入
我有一个使用iCheck jquery库的无线电输入。默认情况下,我的无线电输入被禁用。我使用jquery来启用使用jquery prop()的无线电输入。现在我的问题是,当我启用无线电输入时,我无法查看正常的iCheck扁平皮肤,而是得到禁用的check视图 我该如何解决这个问题 我的HTMLJquery 删除或添加禁用到iCheck收音机输入,jquery,html,css,icheck,Jquery,Html,Css,Icheck,我有一个使用iCheck jquery库的无线电输入。默认情况下,我的无线电输入被禁用。我使用jquery来启用使用jquery prop()的无线电输入。现在我的问题是,当我启用无线电输入时,我无法查看正常的iCheck扁平皮肤,而是得到禁用的check视图 我该如何解决这个问题 我的HTML <div class="radio"> <label> <input type="radio" name="iCheck" id="iCheck" value="N
<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>
使用jquery prop()启用无线电输入时。从技术上讲,您正在将
checked
属性添加为true
,同时您需要为所需的输出添加disabled
属性false
你的Jquery应该是这样的
$(document).on('click', '.edit-btn', function() {
$('#iCheck').prop('disabled', false);
$('#iCheck').prop('checked', true).iCheck('update');
});
使用jquery prop()启用无线电输入时。从技术上讲,您正在将
checked
属性添加为true
,同时您需要为所需的输出添加disabled
属性false
你的Jquery应该是这样的
$(document).on('click', '.edit-btn', function() {
$('#iCheck').prop('disabled', false);
$('#iCheck').prop('checked', true).iCheck('update');
});
谢谢,但我试过了,但没有成功。任何其他方式都很好!!!!它工作起来很糟糕。唯一的问题是,每次我点击编辑按钮,它都会将“是”选项显示为选中状态,即使之前选中了“否”。此外,如何禁用它们使选中的(如果有的话)保持冻结状态。无论如何,感谢您的时间和回复,我用$(document)将它们禁用了。在('click','edit btn',function(){$('iCheck').prop(“disabled”,true)。iCheck('update');});但如何在单击编辑按钮时保留选定选项,而不是每次都重置为“是”选项确定。最后,我让一切都按照我的要求进行了。我已经删除了@LulzAsh的第二行,并简单地将$('#iCheck').prop('disabled',false.).iCheck('update')。再次感谢。@您的代码是正确的,但它没有更新/反映接口,因为icheck是外部插件,需要使用
.icheck(“更新”)进行更新谢谢,但我试过了,但没有成功。任何其他方式都很好!!!!它工作起来很糟糕。唯一的问题是,每次我点击编辑按钮,它都会将“是”选项显示为选中状态,即使之前选中了“否”。此外,如何禁用它们使选中的(如果有的话)保持冻结状态。无论如何,感谢您的时间和回复,我用$(document)将它们禁用了。在('click','edit btn',function(){$('iCheck').prop(“disabled”,true)。iCheck('update');});但如何在单击编辑按钮时保留选定选项,而不是每次都重置为“是”选项确定。最后,我让一切都按照我的要求进行了。我已经删除了@LulzAsh的第二行,并简单地将$('#iCheck').prop('disabled',false.).iCheck('update')。再次感谢。@您的代码是正确的,但它没有更新/反映接口,因为icheck是外部插件,需要使用.icheck(“更新”)进行更新
Hi@theveil,你必须检查css,否则我的css工作正常。Hi@theveil,你必须检查css,否则我的css工作正常。
$(document).on('click', '.edit-btn', function() {
$('#iCheck').prop('disabled', false);
$('#iCheck').prop('checked', true).iCheck('update');
});