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中，单选框使用的是复选框的组合。可以通过以下步骤来使用单选框：

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实现单选框了。

layui单选框verify_layui 实现自动选择radio单选框(checked)的方法

你可以通过以下的代码实现自动选择radio单选框：

// 获取所有的radio单选框
var radios = document.getElementsByName('radioName');

// 循环遍历所有的radio单选框
for (var i = 0; i < radios.length; i++) {
  // 判断当前radio的值是否为需要选中的值
  if (radios[i].value === 'selectedValue') {
    // 将当前radio选中
    radios[i].checked = true;
    // 跳出循环
    break;
  }
}

其中，`radioName`是你radio单选框的name属性值，`selectedValue`是你需要选中的radio的value属性值。将上述代码放在你的verify_layui的回调函数中即可实现自动选择radio单选框。