EasyUI radio 动态修改禁用和选中的方法

原创于 2022-03-07 11:32:59 发布 · 1.9k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#easyui #javascript #jquery

收录于

这篇博客介绍了如何使用JavaScript动态地禁用、启用、选中和取消选中EasyUI的单选按钮（Radio）。示例代码展示了具体的操作方法，对于前端开发人员在交互控制上具有参考价值。

<form id="ff">
    <div style="margin-bottom:20px">
        <input id="radio1" class="easyui-radiobutton" name="baseinfoardio"  value=0 label="新增" >
    </div>
    <div style="margin-bottom:20px">
        <input id="radio2" class="easyui-radiobutton" name="baseinfoardio"  value=1  label="刪除" >
    </div>
</form>

动态修改代码


//设置禁用
$('#radio1').radiobutton({disabled:true});
//取消禁用
$('#radio1').radiobutton({disabled:false});
//设置选中
$('#radio1').radiobutton({checked:true});
//取消选中
$('#radio1').radiobutton({checked:false});