亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

如下所示:

前端代碼

<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">是否已購(gòu)買:</label>
  <div class="layui-input-block" id="IsPurchased" >
   <input type="radio" name="t" value="購(gòu)買" title="購(gòu)買" 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() == "購(gòu)買") {
     $(".count").hide();
    }
    else {
     $(".count").show();
    }
    form.render();
   });
  });
 
 
 </script>

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最新評(píng)論