Radio 單選JS動(dòng)態(tài)添加的選項(xiàng)onchange事件無效的解決方法

更新時(shí)間：2016年12月12日 11:19:58 作者：page0906

radio 單選JS動(dòng)態(tài)添加的選項(xiàng),onchange事件無效。使用delegate（）函數(shù)可以解決該問題，具體解決方案大家通過本文詳細(xì)了解下

//記一個(gè)問題（已經(jīng)解決2016.5.5）

//在公司項(xiàng)目中遇見一個(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事件無效。使用delegate（）函數(shù)可以解決該問題?。?！

delegate():

delegate() 方法為指定的元素（屬于被選元素的子元素）添加一個(gè)或多個(gè)事件處理程序，并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。

使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來的元素（比如由腳本創(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事件無效的解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

js 自帶的 map() 方法全面了解
下面小編就為大家?guī)硪黄猨s 自帶的 map() 方法全面了解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08
JavaScript實(shí)現(xiàn)為指定對(duì)象添加多個(gè)事件處理程序的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)為指定對(duì)象添加多個(gè)事件處理程序的方法,可實(shí)現(xiàn)讓指定對(duì)象處理多個(gè)事件的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-04-04
javascript編程異常處理實(shí)例小結(jié)
這篇文章主要介紹了javascript編程異常處理的方法,結(jié)合實(shí)例形式分析總結(jié)了JavaScript編程中異常處理的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11
JavaScript保留兩位小數(shù)的2個(gè)自定義函數(shù)
這篇文章主要介紹了JavaScript保留兩位小數(shù)的2個(gè)自定義函數(shù),需要的朋友可以參考下
2014-05-05
JavaScript實(shí)現(xiàn)時(shí)鐘特效
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)時(shí)鐘特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-06-06
JavaScript數(shù)組的5種迭代方法
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)組的5種迭代方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-09-09
微信小程序 MinUI組件庫(kù)系列之badge徽章組件示例
這篇文章主要介紹了微信小程序 MinUI組件庫(kù)系列之badge徽章組件示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-08-08
uni-app實(shí)現(xiàn)數(shù)據(jù)下拉刷新功能實(shí)例
很多列表頁(yè)總數(shù)量很大,一次性查詢加載會(huì)導(dǎo)致頁(yè)面有很長(zhǎng)時(shí)間的空白期,自然體驗(yàn)感極差,就會(huì)使用分頁(yè)加載數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于uni-app實(shí)現(xiàn)數(shù)據(jù)下拉刷新功能實(shí)例的相關(guān)資料,需要的朋友可以參考下
2022-08-08
解析dom中的children對(duì)象數(shù)組元素firstChild,lastChild的使用
以下是對(duì)dom中的children對(duì)象數(shù)組元素firstChild,lastChild的使用進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以參考下
2013-07-07
基于JavaScript實(shí)現(xiàn)圖片放大鏡功能
在一些電商網(wǎng)站上，經(jīng)?？吹接猩唐穲D片被放大查看的功能，所以本文將使用前端技術(shù)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的圖片放大鏡功能，希望能給大家?guī)硪欢ǖ膸椭?/div> 2023-06-06