layui中radio點(diǎn)擊事件如何實(shí)現(xiàn)input顯示和隱藏功能

這篇文章主要介紹了layui中radio點(diǎn)擊事件如何實(shí)現(xiàn)input顯示和隱藏功能，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

如下所示：

前端代碼

<link rel="stylesheet" href="/static/index/layui/css/layui.css" rel="external nofollow" >
<script type="text/javascript" src="/static/index/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/static/index/js/jquery-3.3.1.min.js" charset="utf-8"></script>
<form class="layui-form" action="">
 <div class="layui-form-item">
  <label class="layui-form-label" >是否已購買：</label>
  <div class="layui-input-block" id="IsPurchased" >
   <input type="radio" name="t" value="購買" title="購買" lay-filter="aaa"/>
   <input type="radio" name="t" value="試用" title="試用" lay-filter="aaa"/>
  </div>
 </div>
 <div class="layui-form-item count">
  <label class="layui-form-label">試用次數(shù)：</label>
  <div class="layui-input-inline">
   <input type="text" id="ProbationAccount" required="required" placeholder="請(qǐng)輸入試用次數(shù)" autocomplete="off" class="layui-input" />
  </div>
  <div class="layui-form-mid layui-word-aux"></div>
 </div>
 
</form>
 <script>
 
  layui.use('form', function () {
   var form = layui.form;
 
   form.on('radio(aaa)', function (data) {
 
    if ($('#IsPurchased input[name="t"]:checked ').val() == "購買") {
     $(".count").hide();
    }
    else {
     $(".count").show();
    }
    form.render();
   });
  });
 
 
 </script>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“l(fā)ayui中radio點(diǎn)擊事件如何實(shí)現(xiàn)input顯示和隱藏功能”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!