<div id="{id}" class="layui-form-item {selected}" data-id="{id}" data-tag="{tag}" data-index="{index}" style="height:50px"> <!-- 任意添加html代码 --> <div> <div class="box"> <div class="layui-form-item"> <label class="layui-form-label">单选框</label> <div class="layui-input-block"> <input type="radio" name="sex" value="男" title="男"> <input type="radio" name="sex" value="女" title="女" checked> </div> </div> </div> <div style="margin-top:20px;position:absolute"> <div class="layui-btn-group"> <button type="button" class="layui-btn" id="row">横排</button> <button type="button" class="layui-btn" id="col">竖排</button> </div> </div> </div> <style> .layui-input { width: 200px !important; } </style> 如何点击按钮将 label 和选项 横向排序 或者竖向排序

这段代码是使用了layui框架的HTML代码，其中包含了一个单选框和两个按钮，可以通过点击按钮来改变单选框的显示方式。具体实现方法如下：

1. 在页面中引入 layui 的 JS 和 CSS 文件。

2. 使用 jQuery 来实现按钮点击事件的绑定。

3. 在按钮点击事件中通过 jQuery 来修改单选框的样式。

下面是实现的具体代码：

<!--引入layui的JS和CSS文件-->
<link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css">
<script src="https://www.layuicdn.com/layui/layui.js"></script>

<!--定义单选框和按钮-->
<div id="{id}" class="layui-form-item {selected}" data-id="{id}" data-tag="{tag}" data-index="{index}" style="height:50px">
    <div>
        <div class="box">
            <div class="layui-form-item">
                <label class="layui-form-label">单选框</label>
                <div class="layui-input-block">
                    <input type="radio" name="sex" value="男" title="男">
                    <input type="radio" name="sex" value="女" title="女" checked>
                </div>
            </div>
        </div>
        <div style="margin-top:20px;position:absolute">
            <div class="layui-btn-group">
                <button type="button" class="layui-btn" id="row">横排</button>
                <button type="button" class="layui-btn" id="col">竖排</button>
            </div>
        </div>
    </div>
</div>

<!--JS代码-->
<script>
    layui.use(['form'], function () {
        var form = layui.form;

        //绑定按钮点击事件
        $('#row').on('click', function () {
            //修改单选框的样式为横向排列
            $('.layui-form-item .layui-input-block').removeClass('layui-input-block').addClass('layui-input-inline');
            $('.layui-form-item .layui-form-label').css('display', 'inline-block');
        });

        $('#col').on('click', function () {
            //修改单选框的样式为竖向排列
            $('.layui-form-item .layui-input-inline').removeClass('layui-input-inline').addClass('layui-input-block');
            $('.layui-form-item .layui-form-label').css('display', 'block');
        });
    });
</script>

通过这段代码，你可以实现点击按钮将 label 和选项 横向排序 或者竖向排序。