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

javascript is radio button checked

Add Answer

Friendly Hawk answered on April 7, 2020 Popularity 10/10 Helpfulness 5/10

answer javascript is radio button checked

related javascript check radio button

related js check if radio button is checked

related javascript radio button value if checked

related radio javascript checked

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 javascript radio-button

Link to this answer
Share Copy Link

Contributed on Jul 26 2022

Friendly Hawk

0 Answers Avg Quality 2/10

Closely Related Answers

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 j

Link to this answer
Share Copy Link

Contributed on Dec 22 2021

Trained Tuna

0 Answers Avg Quality 2/10

js check if radio button is checked

Comment

if(document.getElementById('gender_Male').checked) {
  //Male radio button is checked
}else if(document.getElementById('gender_Female').checked) {
  //Female radio button is checked
}

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: checked

Link to this answer
Share Copy Link

Contributed on Apr 07 2020

Stupid Squirrel

0 Answers Avg Quality 2/10

javascript radio button value if checked

Comment

//alert(document.querySelector('input[name = "comp"]:checked').value);

$test=document.querySelector('input[name = "comp"]:checked').value;

if($test="silver") {
        amount=50;
    }else if($test="gold") {
      amount=90;
    }else{
      amount=30;
    }

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: checked

Link to this answer
Share Copy Link

Contributed on Nov 11 2020

Mohamed Sami khiari

0 Answers Avg Quality 2/10

radio javascript checked

Comment

document.getElementById('id').checked

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: checked

Link to this answer
Share Copy Link

Contributed on May 18 2022

lff

0 Answers Avg Quality 2/10

javascript is radio button checked

Contents

More Related Answers

javascript is radio button checked

Closely Related Answers

javascript check radio button

js check if radio button is checked

javascript radio button value if checked

radio javascript checked

Grepper

Documentation

Social

Legal

Contact

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