淺談監(jiān)聽(tīng)單選框radio改變事件(和layui中單選按鈕改變事件)
若是只引用jquery的話,監(jiān)聽(tīng)單選按鈕改變事件如下:
<input type="radio" name="sex" checked="checked" value="1">男 <input type="radio" name="sex" value="2">女
$(document).ready(function() { $('input[type=radio][name=sex]').change(function() { if (this.value == '1') { alert("這是個(gè)男孩"); } else if (this.value == '2') { alert("這是個(gè)女孩"); } }); });
注意:如果是引用了layui的樣式和方法,則上面的監(jiān)聽(tīng)事件失效,被layui接管了,所以應(yīng)該如下寫(xiě)法:
layui.use(['form', 'element', 'laydate'], function(){ var jQuery = layui.jquery ,layer = layui.layer ,form = layui.form() ,element = layui.element(); form.on("radio(sex)", function (data) { var sex = data.value; if (this.value == '1') { alert("這是個(gè)男孩"); } else if (this.value == '2') { alert("這是個(gè)女孩"); } }); });
以上這篇淺談監(jiān)聽(tīng)單選框radio改變事件(和layui中單選按鈕改變事件)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- layui監(jiān)聽(tīng)select變化,以及設(shè)置radio選中的方法
- 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 radio點(diǎn)擊事件實(shí)現(xiàn)input顯示和隱藏的例子
- layui中使用jquery控制radio選中事件的示例代碼
- layui radio性別單選框賦值方法
- 解決layui的radio屬性或別的屬性沒(méi)顯示出來(lái)的問(wèn)題
相關(guān)文章
JavaScript設(shè)計(jì)模式之觀察者模式與發(fā)布訂閱模式詳解
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之觀察者模式與發(fā)布訂閱模式,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript觀察者模式與發(fā)布訂閱模式相關(guān)概念、原理2020-05-05webpack4簡(jiǎn)單入門(mén)實(shí)例
這篇文章主要介紹了webpack4簡(jiǎn)單入門(mén)實(shí)例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09基于JavaScript實(shí)現(xiàn)復(fù)選框的全選和取消全選
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)復(fù)選框的全選和取消全選,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02JavaScript實(shí)現(xiàn)鼠標(biāo)懸浮頁(yè)面切換效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)鼠標(biāo)懸浮頁(yè)面切換效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03JavaScript中內(nèi)存泄漏的幾種情況總結(jié)
在JavaScript中,內(nèi)存泄漏通常是由于變量、對(duì)象、閉包、事件監(jiān)聽(tīng)器等長(zhǎng)期存在而沒(méi)有被釋放引起的。本文就來(lái)和大家總結(jié)一下常見(jiàn)的幾種情況以及解決方法吧2023-05-05TypeScript?類型斷言的幾種實(shí)現(xiàn)
本文主要介紹了TypeScript?類型斷言的實(shí)現(xiàn),有使用關(guān)鍵字as和標(biāo)簽<>兩種方式,具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01js實(shí)現(xiàn)向右橫向滑出的二級(jí)菜單效果
這篇文章主要介紹了js實(shí)現(xiàn)向右橫向滑出的二級(jí)菜單效果,涉及javascript鼠標(biāo)事件及頁(yè)面元素的隱藏與顯示實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08正則中的回溯定義與用法分析【JS與java實(shí)現(xiàn)】
這篇文章主要介紹了正則中的回溯定義與用法,結(jié)合實(shí)例形式分析了回溯的概念、功能并提供了JS與java實(shí)現(xiàn)方法,需要的朋友可以參考下2016-12-12