Breaking News: Grepper is joining You.com. Read the official announcement!

javascript check radio button

Trained Tuna answered on December 22, 2021 Popularity 10/10 Helpfulness 7/10

answer javascript check radio button

related javascript is radio button checked

javascript check radio button

Comment

// Native JS solution:
document.getElementById("_1234").checked = true;
// JQuery solution:
$("#_1234").prop("checked", true);

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: javascript radio-button

Link to this answer
Share Copy Link

Contributed on Dec 22 2021

Trained Tuna

0 Answers Avg Quality 2/10

Closely Related Answers

javascript is radio button checked

Comment

//get radio Buttons (other ways to do this too)
let radioButtons = document.querySelectorAll("input[name=myRadioName]");

//annoyingly the "change" event only fires when a radio button is clicked
//so it does not fire when another one is clicked and it gets unchecked
//so you have to put change listener  on all radio buttons
//and then detect which one is actually selected
for (let i = 0; i < radioButtons.length; i++) {
  	radioButtons[i].addEventListener('change', function() {
  		if (radioButtons[i].checked == 1){
        	alert("checked") ;
    	} else {
    		alert("not checked")
    	}
    });
}

//html look like this:
<form name="myFormName">
  <input type="radio" name="myRadioName"  value="1" />
  <input type="radio" name="myRadioName"  value="2" />
  <input type="radio" name="myRadioName"  value="3" />
</form>

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: checked

Link to this answer
Share Copy Link

Contributed on Jul 26 2022

Friendly Hawk

0 Answers Avg Quality 2/10

javascript check radio button

Contents

More Related Answers

javascript check radio button

Closely Related Answers

javascript is radio button checked

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.