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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- layui監(jiān)聽select變化,以及設(shè)置radio選中的方法
- 淺談監(jiān)聽單選框radio改變事件(和layui中單選按鈕改變事件)
- layui中select,radio設(shè)置不生效的解決方法
- 解決layui的使用以及針對select、radio等表單組件不顯示的問題
- 解決layui 表單元素radio不顯示渲染的問題
- layui radio單選限制下一個radio單選的實例
- layui 實現(xiàn)自動選擇radio單選框(checked)的方法
- Layui之table中的radio在切換分頁時無法記住選中狀態(tài)的解決方法
- layui中使用jquery控制radio選中事件的示例代碼
- layui radio性別單選框賦值方法
- 解決layui的radio屬性或別的屬性沒顯示出來的問題
相關(guān)文章
Webpack實現(xiàn)按需打包Lodash的幾種方法詳解
這篇文章主要給大家介紹了關(guān)于Webpack實現(xiàn)按需打包Lodash的幾種方法,文中介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。2017-05-05
cordova入門基礎(chǔ)教程及使用中遇到的一些問題總結(jié)
這篇文章主要給大家介紹了關(guān)于cordova的入門基礎(chǔ)教程以及在使用中遇到的一些問題,文中通過示例代碼一步步介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
JS實現(xiàn)二維數(shù)組元素的排列組合運(yùn)算簡單示例
這篇文章主要介紹了JS實現(xiàn)二維數(shù)組元素的排列組合運(yùn)算,結(jié)合實例形式分析了javascript針對二維數(shù)組的遍歷、排列組合運(yùn)算等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01

