业务经理

微信扫描以上二维码

028-61286886

技术咨询

一部分表单需要联动出现

迅睿框架 更新 2019-10-16 12:43:39 ahai_5210

在一个表单里,有这样的一部分表单需要联动出现,例如

image.png

这种怎么搞,高手们有什么意见

方案

  • 易学习 #1 · 2019-10-11 22:35:14


    原理一样,我用diy字段
  • 浮生半日 #2 · 2019-10-11 22:39:53
    diy字段,写js显示和隐藏,楼上应该是这种原理??
  • 易学习 #3 · 2019-10-11 23:39:59
    对,就是diy字段浮生半日
  • ibennie #4 · 2019-10-12 09:29:48
    满意答案
    记得引入JQUERY.JS原理很简单,先隐藏所有,在显示指定的那一个大概如下写法,还可以更优化,自己举一反三,去看一下JS的更多写法
      <label class="radio-inline">
        <input type="radio" name="b_type" value="A" > A
      </label>
      <label class="radio-inline">
        <input type="radio" name="b_type" value="B" > B
      </label>
      <label class="radio-inline">
        <input type="radio" name="b_type" value="C" > C
      </label>
      <label class="radio-inline">
        <input type="radio" name="b_type" value="D" > D
      </label>
    
    
    
    <div id="person-block-A" class="block-div">AAA</div>
    <div id="person-block-B" class="block-div">BBB</div>
    <div id="person-block-C" class="block-div">CCC</div>
    <div id="person-block-D" class="block-div">DDD</div>
    
    <script>
    $('input[type="radio"][name="b_type"]').on('change',function(){
      var sel = $(this).val();
        $('.block-div').hide();
        $('#person-block-'+sel).show();
    });
    </script>
  • ahai_5210 #5 · 2019-10-16 12:43:39
    @ibennie:不错哦,完美解决

迅睿系统漏洞

AI文章生成器
AI文章生成器(2026-09-20)
任务拆分独立配置 新增AI生成关键词 新增指令模板 新增品牌信...
GEO系统
GEO系统(2026-09-20)
后台 AEO 与运营端对齐:区域、跑批、CSV、补强、剧本均可在迅睿...
多语言翻译Seolang
多语言翻译Seolang(2026-09-18)
1. HTML lang 无需修改模板,自动适配当前语种页面 lan...
GeoSeo工具箱
GeoSeo工具箱(2026-09-18)
修正菜单规范
后台二次登陆验证
后台二次登陆验证(2026-09-18)
新增邮箱验证 新增短信验证
京东云短信
京东云短信(2026-09-17)
- 验证码有效期改只读展示 - 有效期旁新增系统设置按钮 - 保...
创蓝短信
创蓝短信(2026-09-17)
- 验证码有效期改只读展示 - 有效期旁新增系统设置按钮 - 保...
火山引擎短信
火山引擎短信(2026-09-17)
- 验证码有效期改只读展示 - 有效期旁新增系统设置按钮 - 保...
外贸多语言建站
外贸多语言建站(2026-09-17)
优化独立内容过滤机制