OnChange in YUI

Question

How can we write code for the onChange function in YUI 2 and YUI3.

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

In 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'); ... }); 

In YUI 2.9 (which is no longer under active development, use YUI 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; ... });