radio in javascript

매번 할때마다 헷가리는 element들 값 가져오기

1. id로 값 가져오기

var x = document.getElementById("myRadio").checked

var radioValue = x.value;

원하는값 세팅하기

document.getElementsByName('colors')[0].checked = true;

2. 이름으로 값 가져오기

<input type="radio" name="myRadio" value="1"  >

<input type="radio" name="myRadio" value="2" checked="checked">

 var x = document.getElementsByName("myRadio");

 var result = '';

    

    for(var i=0, max=x.length;i<max;i++) {

        if(x[i].checked)

            result = x[i].value;

    }

console.log('value= '+result );

3. 여러 라디오버튼

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
    if (coffee[i].checked) {
        txt = txt + coffee[i].value + " ";
    }
}
document.getElementById("order").value = "You ordered a coffee with: " + txt;

출처

https://www.w3schools.com/jsref/prop_radio_checked.asp