Как получить выбранное значение переключателя с помощью js

Question

Я использую этот код, чтобы получить значение текущей выбранной радиокнопки, но она не работает.

var mailcopy = document.getElementById('mailCopy').value; 

Как получить текущее выбранное значение радиокнопки, используя Javascript?

Answer 1

Поскольку вы хотите получить его с помощью простого JavaScript, вы можете использовать следующий код

var val = '';
if(document.getElementById('radio1').checked) {
  val = document.getElementById('radio1').value
}else if(document.getElementById('radio2').checked) {
  val = document.getElementById('radio2').value
}

Answer 2

var mailcopy = document.getElementById('mailCopy').checked; 

if(mailcopy==true)
{
  alert("Radio Button Checked");
}
else
{
  alert("Radio Button un-Checked");
}

Answer 3

Если вы можете использовать jQuery "Chamika Sandamal", ответ - правильный путь.В случае, если вы не можете использовать JQuery, вы можете сделать что-то вроде этого:

function selectedRadio() {
    var radio = document.getElementsByName('mailCopy');
    alert(radio[0].value);
}

Примечания:

• В целом для входов, которые вы хотитеиметь уникальные идентификаторы (не обязательно, но рекомендуется)
• Все радиовходы из одной группы ДОЛЖНЫ иметь один и тот же атрибут имени, например
• Необходимо установить атрибут значениядля каждого входа

Вот пример входных радиостанций:

<input type="radio" name="mailCopy" value="1" />1<br />
<input type="radio" name="mailCopy" value="2" />2<br />

Answer 4

Вы можете использовать это

$('input[name="field_value"]:checked').val(); 

или, для более старой версии jquery

$('input[@name="field_value"]:checked').val();

Answer 5

все вы можете проверить этот пример и легко понять.

        Name:   <input type="text" id="text" class ="input">
                <input type="text" id="text1" class ="input">
        Gender: <input type="radio" id="m" class="Rm"  name="Rmale" value="Male">
                <input type="radio" id="f" class="Rm" name="Rfemale" value="Female">
        Course: <input type="checkbox" id="math" class="cm" name="Cmath" value="Math">
                <input type="checkbox" id="physic" class="cm" name="Cphysic" value="Physic">
                <input type="checkbox" id="eng" class="cm"  name="Ceng" value="English">
        <button type="button" id="b1">show</button>

// javascript

    <script>
        function getData(input){
            return document.getElementById(input).value;
        }
        function dataByClassName(st){
            var value=document.getElementsByClassName(st)
            for(var i=0;i < value.length;i++){
                if(value[i].checked){
                    return value[i].value;
                }
            }
        }
        document.getElementById("b1").onclick = function ()
        {
            var st={
                name : getData("text")+getData("text1"),
                gender : dataByClassName("Rm"),
                course : dataByClassName("cm")
            };
            alert(st.name+" "+st.gender+" "+st.course);
        };

    </script>

Answer 6

Попробуйте, надеюсь, это сработает

function loadRadioButton(objectName, selectedValue) {

    var radioButtons = document.getElementsByName(objectName);

    if (radioButtons != null) {
        for (var radioCount = 0; radioCount < radioButtons.length; radioCount++) {
            if (radioButtons[radioCount].value == selectedValue) {
                radioButtons[radioCount].checked = true;
            }
        }
    }
}

Answer 7

Используйте свойство element.checked.