radio 單選JS動態(tài)添加的選項,onchange事件無效

//記一個問題(已經解決2016.5.5)

//在公司項目中遇見一個添加單選項的需求,采用ajax一步請求。為節(jié)約資源添加后不刷新網頁,js動態(tài)改變頁面

//當選擇到動態(tài)添加的單選項,執(zhí)行綁定事件

radio 單選JS動態(tài)添加的選項,onchange事件無效。使用delegate()函數可以解決該問題!!!

delegate():

delegate() 方法為指定的元素(屬于被選元素的子元素)添加一個或多個事件處理程序,并規(guī)定當這些事件發(fā)生時運行的函數。

使用 delegate() 方法的事件處理程序適用于當前或未來的元素(比如由腳本創(chuàng)建的新元素)。

語法

$(selector).delegate(childSelector,event,data,function)

參數描述

childSelector必需。規(guī)定要附加事件處理程序的一個或多個子元素。

event必需。規(guī)定附加到元素的一個或多個事件。

由空格分隔多個事件值。必須是有效的事件。

data可選。規(guī)定傳遞到函數的額外數據。

function必需。規(guī)定當事件發(fā)生時運行的函數。

//例子

$('.radio-content').delegate($('input:radio[name="optionsRadios"]'),'change',function() {}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 1、 jQuery 能做什么? jquery是一個豐富的js庫,內部對js的很多復雜的方法進行了封裝和加工,比如j...
    zh_yang閱讀 1,499評論 6 13
  • Vue 實例 屬性和方法 每個 Vue 實例都會代理其 data 對象里所有的屬性:var data = { a:...
    云之外閱讀 2,369評論 0 6
  • 1.JQuery 基礎 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,498評論 0 2
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現,斷路器,智...
    卡卡羅2017閱讀 136,544評論 19 139
  • 1.遇見百合學姐,遇見長投 偶然的機會看到百合學姐的公眾號文章,想著自己身為月光族的一員,工作一年也沒多少積蓄...
    Sue_水墨格子閱讀 313評論 1 3

友情鏈接更多精彩內容