联系官方销售客服

1835022288

028-61286886

求助 版主:论坛审计组
一部分表单需要联动出现
类型:迅睿CMS 更新时间:2019-10-16 12:43:39

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

image.png

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

回帖
  • 易学习
    #1楼    易学习
    2019-10-11 22:35:14
    Chrome 0


    原理一样,我用diy字段
  • 浮生半日
    #2楼    浮生半日
    2019-10-11 22:39:53
    Chrome 0
    diy字段,写js显示和隐藏,楼上应该是这种原理??
  • 易学习
    #3楼    易学习
    2019-10-11 23:39:59
    Chrome 0
    对,就是diy字段浮生半日
  • ibennie
    #4楼    ibennie
    2019-10-12 09:29:48
    Chrome 0
    记得引入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楼    ahai_5210
    2019-10-16 12:43:39
    Chrome 0
    @ibennie:不错哦,完美解决