使用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');
 });
目录
相关文章
全选或者单选checkbox的值动态添加到div
全选或者单选checkbox的值动态添加到div
58 0
|
7月前
|
移动开发 JavaScript 小程序
uView Checkbox 复选框
uView Checkbox 复选框
160 0
|
7月前
《vue3实战》运用radio单选按钮或Checkbox复选框实现单选多选的试卷制作
《vue3实战》运用radio单选按钮或Checkbox复选框实现单选多选的试卷制作
复选框checkbox实现自定义样式
复选框checkbox实现自定义样式
67 1
50zTree - 带 radio 的单选下拉菜单
50zTree - 带 radio 的单选下拉菜单
56 1
|
Python
uniapp实现checkbox全选
本文讲述uniapp的checkbox如何复选
229 0
layui的复选框怎么设置只能单选
layui的复选框怎么设置只能单选
单选、全选、反选、获得所有选中的checkbox
单选、全选、反选、获得所有选中的checkbox
49zTree - 带 checkbox 的多选下拉菜单
49zTree - 带 checkbox 的多选下拉菜单
41 0