首页> 前端笔记> >layui-form主动trigger事件select|checkbox|radio

layui-form主动trigger事件select|checkbox|radio

时间:2023-09-27 浏览次数:1266

实例:

<div class="layui-form-item">

  <div class="layui-form-label">审核</div>
  <div class="layui-inline">
    <volist name=":C('CHECKED')" id="vo">
      <input type="radio" lay-filter="jf_checked" name="jf_checked" value="{$key}" title="{$vo['label']}" {$row[ 'jf_checked']==$key? 'checked': ''}></volist>
  </div>
  <div id="reason-box" class="layui-inline" style="width:300px;">
    <input name="jf_reason" value="{$row['jf_reason']}" class="layui-input" placeholder="驳回原因" /></div>
</div>
<script>form.on('radio(jf_checked)',
  function(e) {
    if (e.value == 2) {
      $('#reason-box').show()
    } else {
      $('#reason-box').hide()
    }
  })

  $('[name=jf_checked]:checked').next().trigger('click')</script>



    十年网站建设

      建立本站初衷,是为了记录学习过程中掌握的方法,或者项目开发过程中遇到问题的解决方案,防止后面遇到同样的问题时却忘了当时的解决方法,以此有个地方回顾!

      需求合作:479083651@qq.com
      发送邮件请说明您的需求!

    阅读排行