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è)參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- layui監(jiān)聽(tīng)select變化,以及設(shè)置radio選中的方法
- 淺談監(jiān)聽(tīng)單選框radio改變事件(和layui中單選按鈕改變事件)
- layui中select,radio設(shè)置不生效的解決方法
- 解決layui的使用以及針對(duì)select、radio等表單組件不顯示的問(wèn)題
- 解決layui 表單元素radio不顯示渲染的問(wèn)題
- layui radio單選限制下一個(gè)radio單選的實(shí)例
- layui 實(shí)現(xiàn)自動(dòng)選擇radio單選框(checked)的方法
- Layui之table中的radio在切換分頁(yè)時(shí)無(wú)法記住選中狀態(tài)的解決方法
- layui中使用jquery控制radio選中事件的示例代碼
- layui radio性別單選框賦值方法
- 解決layui的radio屬性或別的屬性沒(méi)顯示出來(lái)的問(wèn)題
相關(guān)文章
Webpack實(shí)現(xiàn)按需打包Lodash的幾種方法詳解
這篇文章主要給大家介紹了關(guān)于Webpack實(shí)現(xiàn)按需打包Lodash的幾種方法,文中介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-05-05js實(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-11cordova入門基礎(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-11JS實(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