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

how to know which radio button is selected javascript

Add Answer

Salsabeel woh woh answered on April 26, 2022 Popularity 10/10 Helpfulness 7/10

answer how to know which radio button is selected javascript

related javascript is radio button checked

related how to get value of selected radio button in javascript

how to know which radio button is selected javascript

Comment

//html
        <input type="radio" name="someName" value="value1">
        <label>value1</label>
        <input type="radio" name="someName" value="value2">
        <label>value2</label>
//js
const radioButtons = document.querySelectorAll('input[name="someName"]');
var selectedRadioButton;
for (const radioButton of radioButtons) {
  if (radioButton.checked) {
    selectedRadioButton = radioButton.value;
    break;
  }
}
//now you have the value selected in selectedRadioButton

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: javascript radio-button selected

Link to this answer
Share Copy Link

Contributed on May 23 2022

Salsabeel woh woh

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

how to get value of selected radio button in javascript

Comment

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

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: get javascript radio-button selected value-of

Link to this answer
Share Copy Link

Contributed on Apr 26 2022

minna lohi

0 Answers Avg Quality 2/10

how to know which radio button is selected javascript

Contents

More Related Answers

how to know which radio button is selected javascript

Closely Related Answers

javascript is radio button checked

how to get value of selected radio button in javascript

Grepper

Documentation

Social

Legal

Contact

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