layui中多个checkbox只能进行单选且一个被选中则取消其他的选中状态

在layui中，要实现多个checkbox只能进行单选，如果一个被选中，则取消其他的选中状态，可以通过以下步骤实现：

1. 在HTML中，为每个checkbox元素添加相同的class属性，例如"my-checkbox"。

<input type="checkbox" class="my-checkbox" value="1">
<input type="checkbox" class="my-checkbox" value="2">
<input type="checkbox" class="my-checkbox" value="3">
1
2
3

2. 在JavaScript中，使用layui的form模块。通过调用.on()方法，绑定对应的触发事件。例如，可以使用"check"事件来实现单选功能。

layui.use('form', function(){
  var form = layui.form;
  
  // 监听checkbox的选中状态
  form.on('checkbox(my-checkbox)', function(data){
    // 获取所有checkbox元素
    var checkboxes = form.elements['my-checkbox'];
    
    // 取消其他checkbox的选中状态
    for (var i = 0; i < checkboxes.length; i++) {
      if (checkboxes[i] !== data.elem) {
        form.checkStatus(checkboxes[i].name, false);
      }
    }
  });
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

通过以上步骤，当选中其中一个checkbox时，其他checkbox将会被取消选中，确保只有一个checkbox被选中。

---

@漏刻有时