DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Radio 單選JS動態添加的選項onchange事件無效的解決方法
Radio 單選JS動態添加的選項onchange事件無效的解決方法
編輯:關於JavaScript     

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

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

//當選擇到動態添加的單選項,執行綁定事件

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

delegate():

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

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

語法

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

參數描述

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

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

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

data可選。規定傳遞到函數的額外數據。

function必需。規定當事件發生時運行的函數。

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

以上所述是小編給大家介紹的Radio 單選JS動態添加的選項onchange事件無效的解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved