欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

layui radio點擊事件實現(xiàn)input顯示和隱藏的例子

 更新時間:2019年09月02日 15:31:49   作者:zz_lkw  
今天小編就為大家分享一篇layui radio點擊事件實現(xiàn)input顯示和隱藏的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示:

前端代碼

<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" style="width:100px">是否已購買:</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="請輸入試用次數(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>

以上這篇layui radio點擊事件實現(xiàn)input顯示和隱藏的例子就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Webpack實現(xiàn)按需打包Lodash的幾種方法詳解

    Webpack實現(xiàn)按需打包Lodash的幾種方法詳解

    這篇文章主要給大家介紹了關(guān)于Webpack實現(xiàn)按需打包Lodash的幾種方法,文中介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。
    2017-05-05
  • js下判斷 iframe 是否加載完成的完美方法

    js下判斷 iframe 是否加載完成的完美方法

    一般來說,我們判斷 iframe 是否加載完成其實與 判斷JavaScript 文件是否加載完成。
    2010-10-10
  • ES6正則表達(dá)式擴(kuò)展筆記

    ES6正則表達(dá)式擴(kuò)展筆記

    正則表達(dá)式是javascript操作字符串的一個重要組成部分,然而,在ES6中,隨著字符串操作的變更, ES6也對正則表達(dá)式進(jìn)行了一些更新。本文將詳細(xì)介紹ES6正則表達(dá)式擴(kuò)展
    2017-07-07
  • js實現(xiàn)動態(tài)加載腳本的方法實例匯總

    js實現(xiàn)動態(tài)加載腳本的方法實例匯總

    這篇文章主要介紹了js實現(xiàn)動態(tài)加載腳本的方法,以實例形式匯總并分析了幾種常用的JavaScript動態(tài)加載腳本的技巧,非常具有實用價值,需要的朋友可以參考下
    2015-11-11
  • js打印紙函數(shù)代碼(遞歸)

    js打印紙函數(shù)代碼(遞歸)

    js打印紙函數(shù)代碼,獲取并設(shè)置打印紙的具體信息的代碼,需要的朋友可以參考下。
    2010-06-06
  • js中switch語句的學(xué)習(xí)筆記

    js中switch語句的學(xué)習(xí)筆記

    在本文里小編給各位分享的是關(guān)于js中switch語句的使用方法及學(xué)習(xí)筆記內(nèi)容,有興趣的朋友們可以參考下。
    2020-03-03
  • 網(wǎng)頁中的圖片的處理方法與代碼

    網(wǎng)頁中的圖片的處理方法與代碼

    昨天的一篇 圖片的alt屬性 文章評論中的啟發(fā),特將網(wǎng)頁中的圖片的一些處理方法 小小的總結(jié)一下
    2009-11-11
  • cordova入門基礎(chǔ)教程及使用中遇到的一些問題總結(jié)

    cordova入門基礎(chǔ)教程及使用中遇到的一些問題總結(jié)

    這篇文章主要給大家介紹了關(guān)于cordova的入門基礎(chǔ)教程以及在使用中遇到的一些問題,文中通過示例代碼一步步介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-11-11
  • 淺談原生JS中的延遲腳本和異步腳本

    淺談原生JS中的延遲腳本和異步腳本

    下面小編就為大家?guī)硪黄獪\談原生JS中的延遲腳本和異步腳本。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-07-07
  • JS實現(xiàn)二維數(shù)組元素的排列組合運算簡單示例

    JS實現(xiàn)二維數(shù)組元素的排列組合運算簡單示例

    這篇文章主要介紹了JS實現(xiàn)二維數(shù)組元素的排列組合運算,結(jié)合實例形式分析了javascript針對二維數(shù)組的遍歷、排列組合運算等相關(guān)操作技巧,需要的朋友可以參考下
    2019-01-01

最新評論