Question

178

Difference between onClick() and onChange() for radio buttons

rated 0 times [ 179] [ 1] / answers: 1 / hits: 91120 / 13 Years ago, wed, july 6, 2011, 12:00:00

<input type="radio" name="group" value="book_folder" onchange="makeRadioButtons()">Create New Book</input>



<input type="radio" name="group" value="book_chapter" onchange="makeCheckBoxes()">Create New Chapter</input>

I was using the above code and when I clicked the second radio button, I thought I should get two events, one from the button that got unchecked and other from the button that got checked, because logically speaking, both buttons got their state changed, and I have bound the onchange() event not the onclick() event. But as it seems I only get one event from the button that just got checked. Is this a desired behaviour in HTML? How can I get an event from the button if it got unchecked?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

nikokorbinm

Add To Favorites

Follow

Total Points: 744

Total Questions: 126

Total Answers: 104

Location: Jersey

Member since Fri, Oct 1, 2021

3 Years ago

answered 13 Years ago wilson · Accepted Answer

Use this to get the desired behavior:-

var ele = document.getElementsByName('group');

var i = ele.length;

for (var j = 0; j < i; j++) {

    if (ele[j].checked) { //index has to be j.

        alert('radio '+j+' checked');

    }

    else {

        alert('radio '+j+' unchecked');

    }

}

Hope it helps.