Get value of checked radio button

Question

<input type="radio" id="radio1" name="radiobuttons" value="100">
<input type="radio" id="radio2" name="radiobuttons" value="200">
<input type="radio" id="radio3" name="radiobuttons" value="300">


<div id="selectedvalue"></div>

How do I get value of the checked radio button and output it as text inside "selectedvalue" ? The function should take the value of the checked radio on pageload and on input change.

Google your title please – Sterling Archer Mar 25 '16 at 15:34 — Sterling Archer, Mar 25 '16 at 15:34

score 2 · Answer 1 · answered Mar 25 '16 at 15:37

$(document).ready(function () {
    //apply the value on page ready (you probably don't have to wait until everyithing loads - otherwise chage it to window.load()
    $('#selectedvalue').html( $('input[name=radiobuttons]:checked').val() );

    //bind the change event to update the element
    $('input[name=radiobuttons]').on('change', function () {
        $('#selectedvalue').html( $(this).val() );
    });
});

score -1 · Answer 2 · answered Mar 25 '16 at 15:33

-1

You would do this by changing the text of your selectedvalue div.

Changing the HTML of your div may be unnecessary since you just want to display a number

$('#selectedvalue').text($('input[name=radiobuttons]:checked').val());

API -

answered Mar 25 '16 at 15:33

Adjit

10,134
12
53
98

This output the value on pageload and on input change ? – Alexander Hein Mar 25 '16 at 15:37
Just put it in a simple event then. – Adjit Mar 25 '16 at 15:37

Get value of checked radio button

2 Answers2