html radio 按钮改变,html - Javascript how to change radio button label text? - Stack Overflow

I tried to use ideas from the above to get a working example, and had some problems. So I asked for help in another posting and @KrishCdbry very kindly fixed the problem. The posted question is at javascript - How to dynamically change information displayed by radio button? Below is the working example with Krish's changes

checked> Answer 1

Answer 2

document.addEventListener('readystatechange', function() {

// Seems like a GOOD PRACTICE - keeps me from getting type error I was getting

// https://stackoverflow.com/questions/14207922/javascript-error-null-is-not-an-object

if (document.readyState === "complete") {

init();

}

});

function init() {

console.log ("expect to change -Answer 1- displayed by first button to word junk");

// this works

var label = document.getElementsByTagName('label') [0];

// this does not work

label.innerHTML = 'junk';

}

//http://www.javascript-coder.com/html-form/html-form-action.phtml

function OnSubmitForm()

{

if(document.getElementById('first').checked == true)

{

alert ( "You have selected the first answer" );

}

else

if(document.getElementById('second').checked == true)

{

alert ( "You have selected the SECOND answer" );

}

return false;

}

/*

Male

var input = document.getElementById('male');

var label = input.getElementsByTagName('label')[0];

label.innerHTML = 'New Text';

*/

//https://stackoverflow.com/questions/32292962/javascript-how-to-change-radio-button-label-text