I have the below code. All I want to do is do different work based on the radio button value selected, and I am using 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();
}();
When I click on the radio button, I get TypeError: this.radioClicked is not a function but I can't figure out why. The function 'radioClicked' is defined right below!
When I do the following without any parameters, it works fine.
addEvents: function(){
document.getElementById('radioYes').onclick = this.radioClicked;
document.getElementById('radioNo').onclick = this.radioClicked;
},
radioClicked: function(){
/* Do some work */
}
I read on some website that if you want to pass parameters, you can put your function inside an anonymous function like I did in the first code that's not working. Could someone please help me what I am doing here?
