How to get the selected radio button’s value?

后端 未结 18 1554
北海茫月
北海茫月 2020-11-22 00:57

I’m having some strange problem with my JS program. I had this working properly but for some reason it’s no longer working. I just want to find the value of the radio button

相关标签:
18条回答
  • 2020-11-22 01:11

    In case someone was looking for an answer and landed here like me, from Chrome 34 and Firefox 33 you can do the following:

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

    or simpler:

    alert(document.theForm.genderS.value);
    

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

    0 讨论(0)
  • 2020-11-22 01:14
        var value = $('input:radio[name="radiogroupname"]:checked').val();
    
    0 讨论(0)
  • 2020-11-22 01:16

    ECMAScript 6 version

    let genderS = Array.from(document.getElementsByName("genderS")).find(r => r.checked).value;
    
    0 讨论(0)
  • Edit: As said by Chips_100 you should use :

    var sizes = document.theForm[field];
    

    directly without using the test variable.


    Old answer:

    Shouldn't you eval like this ?

    var sizes = eval(test);
    

    I don't know how that works, but to me you're only copying a string.

    0 讨论(0)
  • 2020-11-22 01:17

    Using a pure javascript, you can handle the reference to the object that dispatched the event.

    function (event) {
        console.log(event.target.value);
    }
    
    0 讨论(0)
  • 2020-11-22 01:18
    document.forms.your-form-name.elements.radio-button-name.value
    
    0 讨论(0)
提交回复
热议问题