JQuery获取表单中的所有单选按钮和选中的值。

$.each($("input[type='radio']").filter(":checked"), function () {
  console.log("Name:" + this.name);
  console.log("Value:" + $(this).val());
});

我编写了一个jQuery插件，用于设置和获取单选按钮值。它还尊重他们身上的“变化”事件。

(function ($) {

    function changeRadioButton(element, value) {
        var name = $(element).attr("name");
        $("[type=radio][name=" + name + "]:checked").removeAttr("checked");
        $("[type=radio][name=" + name + "][value=" + value + "]").attr("checked", "checked");
        $("[type=radio][name=" + name + "]:checked").change();
    }

    function getRadioButton(element) {
        var name = $(element).attr("name");
        return $("[type=radio][name=" + name + "]:checked").attr("value");
    }

    var originalVal = $.fn.val;
    $.fn.val = function(value) {

        //is it a radio button? treat it differently.
        if($(this).is("[type=radio]")) {

            if (typeof value != 'undefined') {

                //setter
                changeRadioButton(this, value);
                return $(this);

            } else {

                //getter
                return getRadioButton(this);

            }

        } else {

            //it wasn't a radio button - let's call the default val function.
            if (typeof value != 'undefined') {
                return originalVal.call(this, value);
            } else {
                return originalVal.call(this);
            }

        }
    };
})(jQuery);

将代码放在任何位置以启用加载项。那就享受吧！它只是重写默认的val函数而不破坏任何东西。

你可以访问这个jsFiddle来尝试它的实际操作，看看它是如何工作的。

不停摆弄

这很好

$('input[type="radio"][class="className"]:checked').val()

工作演示

：checked选择器适用于复选框、单选按钮和选择元素。仅对于select元素，请使用：selected选择器。

API：选中的选择器

要获取使用类的所选收音机的值，请执行以下操作：

$('.class:checked').val()

试试这个。这对我有用

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

另一种获取方法：

$（“#myForm input[type=radio]”）.on（“change”，function（）{如果（选中此项）{警报（this.value）；}});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form id=“myForm”><span><input type=“radio”name=“q12_3”value=“1”>1</span><br><span><input type=“radio”name=“q12_3”value=“2”>2</span></form>