layui单选按钮展示不同信息

可以通过在每个单选按钮上添加 `lay-filter` 属性，并在 JavaScript 中监听对应的事件来实现单选按钮展示不同信息的效果。以下是一个示例代码：

HTML 代码：

<div class="layui-form">
  <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" checked>
      <input type="radio" name="sex" value="女" title="女" lay-filter="sex">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">信息：</label>
    <div class="layui-input-block">
      <div class="info" id="male-info">男性信息</div>
      <div class="info" id="female-info" style="display: none;">女性信息</div>
    </div>
  </div>
</div>

JavaScript 代码：

layui.use(['form'], function() {
  var form = layui.form;
  
  form.on('radio(sex)', function(data) {
    if (data.value === '男') {
      $('#male-info').show();
      $('#female-info').hide();
    } else if (data.value === '女') {
      $('#male-info').hide();
      $('#female-info').show();
    }
  });
});

在上述代码中，我们通过监听单选按钮的 `lay-filter` 事件，并根据选中的值来显示或隐藏不同的信息。具体来说，当选中男性单选按钮时，展示男性信息，同时隐藏女性信息；当选中女性单选按钮时，展示女性信息，同时隐藏男性信息。