Radio 單選JS動態(tài)添加的選項onchange事件無效的解決方法
//記一個問題(已經(jīng)解決2016.5.5)
//在公司項目中遇見一個添加單選項的需求,采用ajax一步請求。為節(jié)約資源添加后不刷新網(wǎng)頁,js動態(tài)改變頁面
//當選擇到動態(tài)添加的單選項,執(zhí)行綁定事件
radio 單選JS動態(tài)添加的選項,onchange事件無效。使用delegate()函數(shù)可以解決該問題?。?!
delegate():
delegate() 方法為指定的元素(屬于被選元素的子元素)添加一個或多個事件處理程序,并規(guī)定當這些事件發(fā)生時運行的函數(shù)。
使用 delegate() 方法的事件處理程序適用于當前或未來的元素(比如由腳本創(chuàng)建的新元素)。
語法
$(selector).delegate(childSelector,event,data,function)
參數(shù)描述
childSelector必需。規(guī)定要附加事件處理程序的一個或多個子元素。
event必需。規(guī)定附加到元素的一個或多個事件。
由空格分隔多個事件值。必須是有效的事件。
data可選。規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)。
function必需。規(guī)定當事件發(fā)生時運行的函數(shù)。
//例子
$('.radio-content').delegate($('input:radio[name="optionsRadios"]'),'change',function() {}
以上所述是小編給大家介紹的Radio 單選JS動態(tài)添加的選項onchange事件無效的解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- javascript checkbox/radio onchange不能兼容ie8處理辦法
- jsp中select的onchange事件用法實例
- 純JavaScript實現(xiàn)獲取onclick、onchange等事件的值
- js 觸發(fā)select onchange事件代碼
- js中的onchange和onpropertychange (onchange無效的解決方法)
- js觸發(fā)onchange事件的方法說明
- JavaScript獲取onclick、onchange等事件值的代碼
- javascript開發(fā)中使用onpropertychange,oninput事件解決onchange事件的不足
- javascript中的 onchange事件詳解
相關(guān)文章
JavaScript實現(xiàn)為指定對象添加多個事件處理程序的方法
這篇文章主要介紹了JavaScript實現(xiàn)為指定對象添加多個事件處理程序的方法,可實現(xiàn)讓指定對象處理多個事件的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
JavaScript保留兩位小數(shù)的2個自定義函數(shù)
這篇文章主要介紹了JavaScript保留兩位小數(shù)的2個自定義函數(shù),需要的朋友可以參考下2014-05-05
uni-app實現(xiàn)數(shù)據(jù)下拉刷新功能實例
很多列表頁總數(shù)量很大,一次性查詢加載會導致頁面有很長時間的空白期,自然體驗感極差,就會使用分頁加載數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于uni-app實現(xiàn)數(shù)據(jù)下拉刷新功能實例的相關(guān)資料,需要的朋友可以參考下2022-08-08
解析dom中的children對象數(shù)組元素firstChild,lastChild的使用
以下是對dom中的children對象數(shù)組元素firstChild,lastChild的使用進行了詳細的分析介紹,需要的朋友可以參考下2013-07-07
在一些電商網(wǎng)站上,經(jīng)常看到有商品圖片被放大查看的功能,所以本文將使用前端技術(shù)實現(xiàn)一個簡單的圖片放大鏡功能,希望能給大家?guī)硪欢ǖ膸椭?/div> 2023-06-06最新評論

