Radio 單選JS動(dòng)態(tài)添加的選項(xiàng)onchange事件無(wú)效的解決方法
//記一個(gè)問(wèn)題(已經(jīng)解決2016.5.5)
//在公司項(xiàng)目中遇見(jiàn)一個(gè)添加單選項(xiàng)的需求,采用ajax一步請(qǐng)求。為節(jié)約資源添加后不刷新網(wǎng)頁(yè),js動(dòng)態(tài)改變頁(yè)面
//當(dāng)選擇到動(dòng)態(tài)添加的單選項(xiàng),執(zhí)行綁定事件
radio 單選JS動(dòng)態(tài)添加的選項(xiàng),onchange事件無(wú)效。使用delegate()函數(shù)可以解決該問(wèn)題?。?!
delegate():
delegate() 方法為指定的元素(屬于被選元素的子元素)添加一個(gè)或多個(gè)事件處理程序,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。
使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來(lái)的元素(比如由腳本創(chuàng)建的新元素)。
語(yǔ)法
$(selector).delegate(childSelector,event,data,function)
參數(shù)描述
childSelector必需。規(guī)定要附加事件處理程序的一個(gè)或多個(gè)子元素。
event必需。規(guī)定附加到元素的一個(gè)或多個(gè)事件。
由空格分隔多個(gè)事件值。必須是有效的事件。
data可選。規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)。
function必需。規(guī)定當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。
//例子 $('.radio-content').delegate($('input:radio[name="optionsRadios"]'),'change',function() {}
以上所述是小編給大家介紹的Radio 單選JS動(dòng)態(tài)添加的選項(xiàng)onchange事件無(wú)效的解決方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- javascript checkbox/radio onchange不能兼容ie8處理辦法
- jsp中select的onchange事件用法實(shí)例
- 純JavaScript實(shí)現(xiàn)獲取onclick、onchange等事件的值
- js 觸發(fā)select onchange事件代碼
- js中的onchange和onpropertychange (onchange無(wú)效的解決方法)
- js觸發(fā)onchange事件的方法說(shuō)明
- JavaScript獲取onclick、onchange等事件值的代碼
- javascript開(kāi)發(fā)中使用onpropertychange,oninput事件解決onchange事件的不足
- javascript中的 onchange事件詳解
相關(guān)文章
es7學(xué)習(xí)教程之fetch解決異步嵌套問(wèn)題的方法示例
這篇文章主要給大家介紹了關(guān)于es7學(xué)習(xí)教程之fetch解決異步嵌套問(wèn)題的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-07-07javascript 鍵盤(pán)事件總結(jié) 推薦
在進(jìn)入正題前,我們看一下瀏覽器對(duì)于鍵盤(pán)的一些默認(rèn)事件,這有助于我們用javascript截獲鍵盤(pán)事件。2009-12-12JavaScript實(shí)現(xiàn)拖動(dòng)滑塊拼圖驗(yàn)證功能(html5、canvas)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)拖動(dòng)滑塊拼圖驗(yàn)證(html5、canvas),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-03基于JS實(shí)現(xiàn)頁(yè)面視頻video標(biāo)簽禁止下載(下載按鈕+右擊菜單)
最近做項(xiàng)目遇到這樣的需求,禁止用戶(hù)瀏覽頁(yè)面的時(shí)候下載頁(yè)面的視頻,網(wǎng)上看到下載視頻的方法有兩種,本文對(duì)每種方法做詳細(xì)分析,對(duì)js禁止下載視頻相關(guān)知識(shí)感興趣的朋友一起看看吧2024-02-02javascript檢測(cè)對(duì)象中是否存在某個(gè)屬性判斷方法小結(jié)
檢測(cè)對(duì)象中屬性的存在與否可以通過(guò)以下幾種方法來(lái)判斷:使用in關(guān)鍵字、使用對(duì)象的hasOwnProperty()方法、用undefined判斷、在條件語(yǔ)句中直接判斷,感興趣的朋友可以了解下哈2013-05-05動(dòng)態(tài)JavaScript所造成一些你不知道的危害
這篇文章給大家整理了動(dòng)態(tài)JavaScript所造成的一些大家可能不知道的危害,文章介紹的很詳細(xì),有需要的朋友們可以參考借鑒,下面來(lái)一起看看吧。2016-09-09JavaScript獲取數(shù)組最后一個(gè)元素的3種方法以及性能
在開(kāi)發(fā)過(guò)程中,我們常常需要得到j(luò)s數(shù)組的最后一個(gè)數(shù)組元素,下面這篇文章主要給大家介紹了關(guān)于JavaScript獲取數(shù)組最后一個(gè)元素的3種方法以及性能,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06JavaScript黑洞數(shù)字之運(yùn)算路線查找算法(遞歸算法)實(shí)例
這篇文章主要介紹了JavaScript黑洞數(shù)字之運(yùn)算路線查找算法,涉及JavaScript遞歸操作算法相關(guān)技巧,需要的朋友可以參考下2016-01-01javaScript之split與join的區(qū)別(詳解)
下面小編就為大家?guī)?lái)一篇javaScript之split與join的區(qū)別(詳解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11