点击不同的单选按钮展示不同的效果

最新推荐文章于 2024-07-24 23:16:01 发布

Sunlalalla

最新推荐文章于 2024-07-24 23:16:01 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：开发经验前端文章标签：隐藏展示

本文链接：https://blog.youkuaiyun.com/Sun_of_Rainy/article/details/89053032

这篇博客介绍如何利用layui前端框架，通过点击不同的单选按钮来实现页面元素的隐藏与展示。通过js代码控制，实现了动态交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台页面是layui写的

<script type="text/html" id="online">
  

    <form class="layui-form" action="">
        
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                <legend style="font-size: 20px !important;">开票信息</legend>
        </fieldset>
        <div class="layui-form-item" style="margin-top: 5px;">
            
            <div class="layui-inline">
                <label class="layui-form-label"><span class="layui-form-label-required">*</span>发票信息:</label>
                <div class="layui-input-block" style=" width: 600px;" id="invoiceHeaderType">
                    <input name="invoiceHeaderType" value="individual" title="个人发票" type="radio" lay-filter="invoiceHeaderType" {
  
  {# if(d.invoiceHeaderType=='individual'){ }} checked {
  
  {# } }} checked>
                    <input name="