layui单选框选中事件

在layui中，单选框的选中事件可以通过监听form.on('radio(filter)', callback)实现。其中，filter为单选框的lay-filter属性值，callback为选中后的回调函数。

示例代码如下：

HTML代码：

<div class="layui-form-item">
  <label class="layui-form-label">性别</label>
  <div class="layui-input-block">
    <input type="radio" name="sex" value="男" title="男" lay-filter="sex">
    <input type="radio" name="sex" value="女" title="女" lay-filter="sex">
  </div>
</div>

Javascript代码：

layui.use(['form'], function(){
  var form = layui.form;
  
  form.on('radio(sex)', function(data){
    console.log(data.value); //得到选中的值
  }); 
});

以上代码实现了监听名为sex的单选框的选中事件，当单选框选中时，会调用回调函数并打印出选中的值。

相关问题

layui 单选框动态选中

layui是一个轻量级的前端UI框架，它提供了一个简单易用的方式来创建单选框。如果你想在JavaScript中动态地给layui的单选框设置默认选中项，你可以这样做：

首先，在HTML部分，引入layui库并创建一个基本的radio组，例如：

<input type="radio" name="myRadio" lay-value="0"> 选项1
<input type="radio" name="myRadio" lay-value="1"> 选项2
<input type="radio" name="myRadio" lay-value="2"> 选项3

然后，在JavaScript中，你可以通过`lay放射选择()`方法来设置选中项，比如假设你想让选项2默认选中：

layui.use('layer', function(){
    var layer = layui.layer;
    // 动态设置默认选中的单选按钮
    layer.load('radioGroup', {
        content: '<input type="radio" name="myRadio" lay-value="1" checked> 选项2',
        success: function(index) {
            layer.close(index); // 关闭加载层
        }
    });
});

这里的关键在于`checked`属性，当你设置这个属性为`true`时，该单选框会被选中。

layui单选框怎么用

在 layui中，单选框使用的是复选框的组合。可以通过以下步骤来使用单选框：

1. 引入layui的相关文件。

<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>

2. 创建HTML结构

<div class="layui-form-item">
  <label class="layui-form-label">单选框</label>
  <div class="layui-input-block">
    <input type="checkbox" name="sex" title="男" lay-skin="primary">
    <input type="checkbox" name="sex" title="女" lay-skin="primary">
  </div>
</div>

注意：name属性的值必须相同，title属性为选项显示的文本。

3. 初始化单选框

layui.use('form', function(){
  var form = layui.form;
  
  //监听单选框
  form.on('checkbox', function(data){
    console.log(data.elem); //得到checkbox原始DOM对象
    console.log(data.elem.checked); //是否被选中，true或者false
    console.log(data.value); //复选框value值，也可以通过data.elem.value得到
    console.log(data.othis); //得到美化后的DOM对象
  });   
});

通过以上操作，就可以使用layui实现单选框了。