layui做一个状态单选框

layui是一个轻量级的前端UI框架，它提供了一种简单易用的方式来创建网页界面，包括状态单选框。在layui中，你可以通过`layRadio`组件轻松地实现这个功能。下面是一个简单的示例：

<script src="https://unpkg.com/layui@2.6.8/dist/layui.js"></script>
<link rel="stylesheet" href="https://unpkg.com/layui@2.6.8/dist/layui.css" />

<div id="demo">
    <label>
        <input type="radio" name="status" value="0" lay-radios checked> 状态1
    </label>
    <label>
        <input type="radio" name="status" value="1"> 状态2
    </label>
</div>

<script>
layui.use('layer', function () {
    var radio = layui.layui.form.radios({
        elem: '#demo',
        radioType: 'checkbox', // 设置单选模式为复选框模式，默认为单选
        change: function (radio) { // 当选择发生变化时触发
            console.log('当前选择了:', radio.value);
        }
    });
});
</script>

在这个例子中，我们首先引入layui的js和css文件，然后在HTML里定义了两个单选按钮，并设置了相同的name属性。在JavaScript部分，我们初始化了一个layRadio实例，指定了元素id，设置成复选框模式并绑定了change事件。