使用layui checkbox复选框样式实现单选功能

简介: 使用layui checkbox复选框样式实现单选功能

产品需求:使用layui checkbox复选框样式实现单选功能

html

<input type="checkbox" name="name"   lay-skin="primary" lay-filter="name">
<input type="checkbox" name="name"   lay-skin="primary"  lay-filter="name">

js

form.on('checkbox(name)', function (data) {             
    //全部取消选中            
    $("input[name='name']").prop("checked", false);   
      //全部取消选中
        $(this).prop("checked", true); 
        //重新渲染checkbox。                   
        form.render('checkbox');
 });
目录
相关文章
Layui 内置方法 - layer.confirm(询问框)
Layui 内置方法 - layer.confirm(询问框)
1942 0
|
容器
layui下拉多选框xm-select.js插件的使用
layui下拉多选框xm-select.js插件的使用
1390 0
|
索引
Layui 内置方法 - layer.prompt_(输入层)
Layui 内置方法 - layer.prompt_(输入层)
1344 0
|
JavaScript 前端开发
layui下拉框xm-select自定义搜索使用方法
【10月更文挑战第28天】`xm - select` 是基于 Layui 的下拉框增强插件,支持自定义搜索功能。实现步骤包括:1. 引入 Layui 和 xm - select 的核心文件;2. 创建下拉框的基本 HTML 结构;3. 使用 `layui.use` 函数初始化插件并配置搜索功能;4. 可选地进行高级自定义搜索优化,如模糊匹配、多字段搜索和实时更新数据。通过这些步骤,可实现灵活的下拉框搜索功能。
3630 1
|
JavaScript 前端开发
layui复选框checkbox全选和获取值的解决方案
layui复选框checkbox全选和获取值的解决方案
2320 0
layui根据数据状态判断显示内容
layui根据数据状态判断显示内容
518 0
layer.open的常用参数例子
layer.open的常用参数例子
581 1
|
JSON Java 数据格式
LayUI之树形菜单的实现(详细描述附带项目案例)
LayUI之树形菜单的实现(详细描述附带项目案例)
509 0
LayUI之树形菜单的实现(详细描述附带项目案例)
|
JavaScript
JS获取当前日期和时间的方法,并按照YYYY-MM-DD格式化
闲暇之余、好东西做个收藏、以备不时之需。 转载自  安然博客 Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear();        //获取当前年份(2位) myDate.getFullYear();    //获取完整的年份(4位,1970-????) myDate.getMonth();       
15508 0