layui radio标签禁用和取消禁用

power小狼

已于 2022-04-30 21:42:46 修改

阅读量2.6k

点赞数 1

分类专栏： layui 文章标签： layui linq javascript

于 2022-04-30 21:40:38 首次发布

本文链接：https://blog.csdn.net/tanzhi963/article/details/124519200

版权

layui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML代码如下


<div class="layui-input-block" style="width: 500px;margin-left: 0px">
    <input type="radio" name="test_radio" value="0" title="同意" checked>
    <input type="radio" name="test_radio" value="1" title="不同意">
</div>

JS部分如下：

禁用：

$("input[type=radio][name='test_radio']").attr("disabled",true);//点选功能失效

$("input[type=radio][name='test_radio']").next().addClass('layui-radio-disabled');//显示功能失效

取消禁用

$("input[type=radio][name='test_radio']").attr("disabled",false);//点选功能生效

$("input[type=radio][name='test_radio']").next().removeClass('layui-radio-disabled');//显示功能生效