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)買(mǎi)：</label>
<div class="layui-input-block" id="IsPurchased" >
<input type="radio" name="t" value="購(gòu)買(mǎi)" title="購(gòu)買(mǎi)" 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)買(mǎi)") {
$(".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)文章
我們需要引入幾個(gè)相關(guān)的概念：執(zhí)行環(huán)境棧、全局對(duì)象、執(zhí)行環(huán)境、變量對(duì)象、活動(dòng)對(duì)象、作用域和作用域鏈等，這些概念正是JS引擎工作的核心組件。這篇文章的目的不是孤立的為你講解每一個(gè)概念需要的朋友可以參考下2016-11-11
在Uniapp中獲取用戶地理位置的實(shí)現(xiàn)方法
本文詳細(xì)介紹了如何在Uniapp中獲取用戶的地理位置,包括申請(qǐng)高德地圖的Key、配置定位功能以及實(shí)現(xiàn)定位功能的代碼示例,感興趣的小伙伴跟著小編一起來(lái)看看吧2025-02-02
最近這段時(shí)間因?yàn)槊刻煲薷木W(wǎng)站，為網(wǎng)站做特效，所以看了很多的js接觸事件，自己只會(huì)使用一小部分，有時(shí)用的時(shí)候也比較混亂，現(xiàn)在系統(tǒng)的整理了一下，特此分享到腳本之家平臺(tái)供大家參考下2016-04-04
改善性能的最好方法之一是避免重復(fù)兩次相同的工作。因此，只要可以緩存結(jié)果供以后使用，就可以加快程序的速度。延遲加載屬性模式技術(shù)使任何屬性都可以成為緩存層以提高性能。這里說(shuō)到的延遲加載屬性模式就是利用的訪問(wèn)器屬性，將計(jì)算昂貴的操作推遲到需要時(shí)再使用2021-06-06
《JavaScript高級(jí)程序設(shè)計(jì)》閱讀筆記（二） ECMAScript中的原始類(lèi)型
ECMAScript有5種原始類(lèi)型(primitive type)，即Undefined、Null、Boolean、Number和String。ECMAScript提供了typeof來(lái)判斷值的類(lèi)型2012-02-02
微信小程序圖片選擇區(qū)域裁剪實(shí)現(xiàn)方法
本篇文章主要介紹了微信小程序圖片選擇區(qū)域屏裁剪實(shí)現(xiàn)方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
JavaScript高級(jí)程序設(shè)計(jì) DOM學(xué)習(xí)筆記
DOM是針對(duì)XML和HTML文檔的一個(gè)API：即規(guī)定了實(shí)現(xiàn)文本節(jié)點(diǎn)操控的屬性、方法，具體實(shí)現(xiàn)由各自瀏覽器實(shí)現(xiàn)。2011-09-09
這篇文章主要給大家介紹了如何通過(guò)一篇文章讓你輕松記住js的隱式轉(zhuǎn)化的相關(guān)資料,通過(guò)在各種情況下發(fā)生的隱式類(lèi)型的例子,來(lái)詳細(xì)的了解隱式類(lèi)型轉(zhuǎn)換的過(guò)程,需要的朋友可以參考下2022-01-01
關(guān)于微信小程序?qū)崿F(xiàn)云支付那些事兒
我們?cè)谧鲂〕绦蛑Ц断嚓P(guān)的開(kāi)發(fā)時(shí),總會(huì)遇到這些難題,下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)云支付那些事兒,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2021-09-09
JavaScript event對(duì)象整理及詳細(xì)介紹
這篇文章主要介紹了JavaScript event對(duì)象整理及詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-10-10