onChange in YUI

Question

如何在YUI 2和YUI3中編寫onChange函數的代碼。

jQuery(':input[type=radio]').change(function(){ 

    var aType=jQuery(this).val(); 
    var numT= aType==1 ? "3" : "6" ; 
    var aWidth=aType==1 ? "330px" : "660px" ; 

}); 

Answer 1

在

YUI 3

Y.all('input[type=radio]').each(function (node) { 
    node.on('change', function() { 
     var val = this.get('value'); 
     ... 
    }); 
}); 

// or 
Y.all('input[type=radio]').on('change', function (e) { 
    var val = e.currentTarget.get('value'); 
    ... 
}); 

在銳2.9（後者不再正在積極開發;使用銳3）

// typical implementations alias Event or Event.on and 
// Selector.query to shorter names 
YAHOO.util.Event.on(
    YAHOO.util.Selector.query('input[type=radio]'), 'change', function (e) { 
     var val = this.value; 
    ... 
});