JS programımda garip bir sorun yaşıyorum. Bu düzgün çalıştım ama nedense artık çalışmıyor. Sadece radyo düğmesinin (hangisi seçili) değerini bulmak ve bir değişkene geri döndürmek istiyorum. Nedense dönmeye devam ediyor undefined.

İşte benim kod:

function findSelection(field) {
    var test = 'document.theForm.' + field;
    var sizes = test;

    alert(sizes);
        for (i=0; i < sizes.length; i++) {
            if (sizes[i].checked==true) {
            alert(sizes[i].value + ' you got a value');     
            return sizes[i].value;
        }
    }
}

submitForm:

function submitForm() {

    var genderS =  findSelection("genderS");
    alert(genderS);
}

HTML:

<form action="#n" name="theForm">

    <label for="gender">Gender: </label>
    <input type="radio" name="genderS" value="1" checked> Male
    <input type="radio" name="genderS" value="0" > Female<br><br>
    <a href="javascript: submitForm()">Search</A>
</form>

Bunun gibi bir şey yapabilirsiniz:

var radios = document.getElementsByName('genderS');

for (var i = 0, length = radios.length; i < length; i++) {
  if (radios[i].checked) {
    // do whatever you want with the checked radio
    alert(radios[i].value);

    // only one radio can be logically checked, don't check the rest
    break;
  }
}

<label for="gender">Gender: </label>
<input type="radio" name="genderS" value="1" checked="checked">Male</input>
<input type="radio" name="genderS" value="0">Female</input>

jsfiddle

Düzenleme: Düzenleme önerileriniz için HATCHA ve jpsetung'a teşekkürler.

Bu herhangi bir kaşif ile çalışır.

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

Bu, herhangi bir giriş türünün değerini almanın basit bir yoludur. Ayrıca do not jQuery yolu içermesi gerekir.

document.forms.your-form-name.elements.radio-button-name.value

JQuery 1.8 olduğundan, sorgu için doğru sözdizimi

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

Değil $('input[@name="genderS"]:checked').val();, artık ile (jQuery 1.7 çalışan hangi @ ).

ECMAScript 6 sürümü

let genderS = Array.from(document.getElementsByName("genderS")).find(r => r.checked).value;

En basit çözüm:

 document.querySelector('input[name=genderS]:checked').value

Bunu dene

function findSelection(field) {
    var test = document.getElementsByName(field);
    var sizes = test.length;
    alert(sizes);
    for (i=0; i < sizes; i++) {
            if (test[i].checked==true) {
            alert(test[i].value + ' you got a value');     
            return test[i].value;
        }
    }
}


function submitForm() {

    var genderS =  findSelection("genderS");
    alert(genderS);
    return false;
}

Burada bir keman .

Düzenleme: Chips_100 tarafından söylendiği gibi kullanmalısınız:

var sizes = document.theForm[field];

doğrudan test değişkenini kullanmadan.

Eski cevap:

Bunu evalsevmez misin?

var sizes = eval(test);

Bunun nasıl çalıştığını bilmiyorum, ama bana göre sadece bir dize kopyalıyorsunuz.

Bu, @Fontas'ın cevabına dayanan saf bir JavaScripttir, ancak TypeErrorseçilen bir radyo düğmesi yoksa boş bir dize döndürmek (ve a'yı önlemek ) için güvenlik koduna sahiptir :

var genderSRadio = document.querySelector("input[name=genderS]:checked");
var genderSValue = genderSRadio ? genderSRadio.value : "";

Kod şu şekilde bozulur:

• Satır 1: (a) bir <input>tür, (b) birname özniteliği olduğu genderSve (c) işaretli olduğu kontrole .
• Satır 2: Böyle bir kontrol varsa değerini döndürün. Yoksa boş bir dize döndürün. genderSRadioDeğişken truthy olan Hat 1 bulur kontrolü ve null / Falsey bunları yapmazsa eğer.

JQuery için @ jbabey yanıtını kullanın ve seçili bir radyo düğmesi yoksa geri döneceğini unutmayın undefined.

Birisinin bir yanıt araması ve benim gibi buraya inmesi durumunda, Chrome 34 ve Firefox 33'ten aşağıdakileri yapabilirsiniz:

var form = document.theForm;
var radios = form.elements['genderS'];
alert(radios.value);

veya daha basit:

alert(document.theForm.genderS.value);

referans: https://developer.mozilla.org/en-US/docs/Web/API/RadioNodeList/value

İşte hiçbir Checked = "işaretli" özelliğinin kullanılmadığı Radyolar için bir Örnek

function test() {
var radios = document.getElementsByName("radiotest");
var found = 1;
for (var i = 0; i < radios.length; i++) {       
    if (radios[i].checked) {
        alert(radios[i].value);
        found = 0;
        break;
    }
}
   if(found == 1)
   {
     alert("Please Select Radio");
   }    
}

DEMO : http://jsfiddle.net/ipsjolly/hgdWp/2/ [ Herhangi bir Radyo seçmeden Bul'u tıklayın ]

Kaynak: http://bloggerplugnplay.blogspot.in/2013/01/validateget-checked-radio-value-in.html

Kontrol edilen radyo düğmesinin değerini düz JavaScript ile almanın güzel bir yolu:

const form = document.forms.demo;
const checked = form.querySelector('input[name=characters]:checked');

// log out the value from the :checked radio
console.log(checked.value);

Kaynak: https://ultimatecourses.com/blog/get-value-checked-radio-buttons

Bu HTML'yi kullanarak:

<form name="demo">
  <label>
    Mario
    <input type="radio" value="mario" name="characters" checked>
  </label>
  <label>
    Luigi
    <input type="radio" value="luigi" name="characters">
  </label>
  <label>
    Toad
    <input type="radio" value="toad" name="characters">
  </label>
</form>

Ayrıca kullanım olabilir Dizi bulchecked işaretli öğeyi bulmak için özellik:

Array.from(form.elements.characters).find(radio => radio.checked);

Saf bir javascript kullanarak, olayı gönderen nesneye yapılan başvuruyu işleyebilirsiniz.

function (event) {
    console.log(event.target.value);
}

her biri ayrı öznitelik adlarına ('seçenek1', 'seçenek2' vb.) ancak aynı sınıf adına sahip farklı radyo düğmesi satırlarını bir forma yerleştirmeniz gerektiğini varsayalım. Belki de her biri bir soruyla ilgili 1 ila 5 ölçeğine dayanan bir değer gönderecekleri birden çok satıra ihtiyacınız vardır. javascript'inizi şöyle yazabilirsiniz:

<script type="text/javascript">

    var ratings = document.getElementsByClassName('ratings'); // we access all our radio buttons elements by class name     
    var radios="";

    var i;
    for(i=0;i<ratings.length;i++){
        ratings[i].onclick=function(){
            var result = 0;
            radios = document.querySelectorAll("input[class=ratings]:checked");
            for(j=0;j<radios.length;j++){
                result =  result + + radios[j].value;
            }
            console.log(result);
            document.getElementById('overall-average-rating').innerHTML = result; // this row displays your total rating
        }
    }
</script>

Son çıktıyı, formla birlikte gönderilecek gizli bir form öğesine de eklerdim.

 document.querySelector('input[name=genderS]:checked').value

Form öğeniz () için bir Kimlik atamanız mümkünse, bu yol güvenli bir alternatif yol olarak düşünülebilir (özellikle radyo grubu öğesi adı belgede benzersiz olmadığında):

function findSelection(field) {
    var formInputElements = document.getElementById("yourFormId").getElementsByTagName("input");
    alert(formInputElements);
        for (i=0; i < formInputElements.length; i++) {
        if ((formInputElements[i].type == "radio") && (formInputElements[i].name == field) && (formInputElements[i].checked)) {
            alert(formInputElements[i].value + ' you got a value');     
            return formInputElements[i].value;
        }
    }
}

HTML:

<form action="#n" name="theForm" id="yourFormId">

 <input type=radio name=rdbExampleInfo id=rdbExamples value="select 1">
 <input type=radio name=rdbExampleInfo id=rdbExamples value="select 2">
 <input type=radio name=rdbExampleInfo id=rdbExamples value="select 3">
 <input type=radio name=rdbExampleInfo id=rdbExamples value="select 4"> 

vb sonra sadece kullanın

  $("#rdbExamples:checked").val()

Veya

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

    var value = $('input:radio[name="radiogroupname"]:checked').val();