layui的单选框怎么写

LayUI的单选框组件是基于复选框组件的，可以通过设置type属性为radio来实现单选框效果。以下是一个简单的示例代码：

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

其中，name属性为单选框组的名称，同一组的单选框应该设置相同的名称。title属性为单选框的显示文本，value属性为单选框的值。通过设置checked属性为checked，可以设置单选框的默认选中状态。

你可以根据自己的需求进一步调整样式和布局。

相关问题

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