Jquery 选择单选按钮时如何获取其值？

我的html代码是这样的。从这段代码中，我希望在用户选择（选中）单选按钮值时获得该值。如何获得该值。当用户单击按钮或必须调用函数时，我得到了解决方案。但我需要在用户检查时使用jQuery解决方案

HTML代码：

<div id="Report_Name" class="leaf">
    <fieldset class="control select multiple" title="">
        <legend>* Select Report Name</legend>
        <ul class="list inputSet sizable">                <li>
                <div class="control radio">
                    <input checked="checked" class="" id="Report_Name1" type="radio" name="Report_Name_option" value="4">
                    <label class="wrap" for="Report_Name1" title="">
                        ALL&nbsp;
                    </label>
                </div>
            </li>
                            <li>
                <div class="control radio">
                    <input class="" id="Report_Name2" type="radio" name="Report_Name_option" value="1">
                    <label class="wrap" for="Report_Name2" title="">
                        Cash&nbsp;
                    </label>
                </div>
            </li>
                            <li>
                <div class="control radio">
                    <input class="" id="Report_Name3" type="radio" name="Report_Name_option" value="2">
                    <label class="wrap" for="Report_Name3" title="">
                        FDR&nbsp;
                    </label>
                </div>
            </li>
                            <li>
                <div class="control radio">
                    <input class="" id="Report_Name4" type="radio" name="Report_Name_option" value="3">
                    <label class="wrap" for="Report_Name4" title="">
                        Summary&nbsp;
                    </label>
                </div>
            </li>
            &nbsp;</ul>
    </fieldset>
    <span class="warning"></span>
    <div class="resizeOverlay hidden"></div>
    <div class="sizer vertical" style="position: relative;"><span class="ui-icon ui-icon-grip-solid-horizontal"></span></div>
</div>

*选择报告名称

全部的


现金


罗斯福


总结

您需要使用单选按钮绑定事件。然后，您可以使用选择器查找选定的单选选项

范例

---

在快速搜索之后，我为您找到了一个非常完整的答案。不管怎样，您都想尝试以下内容：

$("input:radio[name=Report_Name_option]").click(function() {
    var x = $(this).val();
});

我希望这有帮助

您可以尝试以下方法：

$('#Report_Name').find('[type="radio"]').on('change', function(){
   console.log(this.value);
});

---

您必须在此

\Report\u Name

div中找到

收音机

，并对其应用

.change（）

事件并获取该收音机的值。因为您默认选择了一个收音机，所以您可以通过在加载时触发更改事件来获得它

---

例如：

---

您需要附加。使用单选按钮更改事件，以便在此之后可以使用：checked获得checked单选按钮的值

在下面的代码中，我们按名称过滤单选按钮，并将更改事件附加到它，然后查找单选按钮的选中值

$("input:radio[name=Report_Name_option]").change(function(){
  console.log($('input:radio[name=Report_Name_option]:checked').val());

});

---

我被类名

多个

搞糊涂了，你知道radiobox组只能有一个值吗？@PeterRader，

name=“Report\u name\u option”

handlesthat@Satpal确切地说，我想知道帕拉维普拉迪普是否知道它。@PeterRader，OP正在使用它，所以我在示例中使用了它

$(function() {
  $(".inputSet input[type=radio]").change(function() {
    // for every change on the radio selection
    checkRadioSelection();
  });

  // so you get the default selection
  checkRadioSelection();
});

function checkRadioSelection()
{
  var r = $(".inputSet input[type=radio]:checked");
  $(".warning").text("You have selected: " + r.val() );
}

$("input:radio[name=Report_Name_option]").change(function(){
  console.log($('input:radio[name=Report_Name_option]:checked').val());

});