Jquery 获取选中单选按钮的值

Jquery 获取选中单选按钮的值,jquery,html,Jquery,Html,如何获取选中单选按钮的值并将其作为selectedvalue中的文本输出?该函数应在页面加载和输入更改时获取选中收音机的值。您可以通过更改所选value div的文本来实现此目的 更改div的HTML可能是不必要的,因为您只想显示一个数字 <input type="radio" id="radio1" name="radiobuttons" value="100"> <input type="radio" id="radio2" name="radiobuttons" valu

如何获取选中单选按钮的值并将其作为selectedvalue中的文本输出?该函数应在页面加载和输入更改时获取选中收音机的值。

您可以通过更改所选value div的文本来实现此目的

更改div的HTML可能是不必要的,因为您只想显示一个数字

<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>
原料药-


请用谷歌搜索你的标题这会在页面加载和输入更改时输出值吗?那就把它放在一个简单的事件中吧。
$('#selectedvalue').text($('input[name=radiobuttons]:checked').val());
$(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() );
    });
});