Tengo el siguiente código. Todo lo que quiero hacer es hacer un trabajo diferente según el valor del botón de opción seleccionado, y estoy usando onclick.

/*html*/

 <input label='radio' id='radioYes' name='selectionA' value='yes'> <input label='radio' id='radioNo' name='selectionA' value='no'>

/* Javascript */

 (function(){ var obj = { start: function(){ /* Do some work */ this.addEvents(); /* Do some work */ }, addEvents: function(){ document.getElementById('radioYes').onclick = function() {this.radioClicked(true);}; document.getElementById('radioNo').onclick = function() {this.radioClicked(false);}; }, radioClicked: function(bool){ if(bool){ /*Yes was selected. Do some work.*/ } else{ /*No was selected. Do some work.*/ } } }; obj.start(); }();

Cuando hago clic en el botón de TypeError: this.radioClicked is not a function pero no puedo entender por qué. ¡La función 'radioClicked' se define justo debajo!

Cuando hago lo siguiente sin ningún parámetro, funciona bien.

 addEvents: function(){ document.getElementById('radioYes').onclick = this.radioClicked; document.getElementById('radioNo').onclick = this.radioClicked; }, radioClicked: function(){ /* Do some work */ }

Leí en algún sitio web que si desea pasar parámetros, puede poner su función dentro de una función anónima como hice en el primer código que no funciona. ¿Podría alguien ayudarme con lo que estoy haciendo aquí?