jQuery获取所选单选按钮的值

本文翻译自：jQuery get value of selected radio button

The problem statement is simple. 问题陈述很简单。 I need to see if user has selected a radio button from a radio group. 我需要查看用户是否已从广播组中选择了一个单选按钮。 Every radio button in the group share same id. 组中的每个单选按钮共享相同的ID。

The problem is that I don't have control on how the form is generated. 问题是我无法控制表单的生成方式。 Here is the sample code of how a radio button control code looks like: 这是单选按钮控制代码的示例代码：

<input type="radio" name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

In addition to this when a radio button is selected it doesn't add a "checked" attribute to the control just text checked (I guess just the property checked without a value) . 除此之外，当选择单选按钮时，它不会向控件添加“ checked”属性，而只是对文本进行检查 （我猜只是对属性进行了检查，没有值） 。 Below is how a selected radio control looks like 以下是选定的无线电控件的外观

<input type="radio" checked name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

Can anybody help me with jQuery code that can help me to get the value of checked radio button? 有人可以帮助我使用可以帮助我获取选中的单选按钮值的jQuery代码吗？

#1楼

参考：https://stackoom.com/question/aB3w/jQuery获取所选单选按钮的值

#2楼

<input type="radio" class="radioBtnClass" name="numbers" value="1" />1<br/>
<input type="radio" class="radioBtnClass" name="numbers" value="2" />2<br/>
<input type="radio" class="radioBtnClass" name="numbers" value="3" />3<br/>

This will return, checked radio button value. 这将返回选中的单选按钮值。

if($("input[type='radio'].radioBtnClass").is(':checked')) {var card_type = $("input[type='radio'].radioBtnClass:checked").val();alert(card_type);
}

#3楼

Just use. 随便使用。

$('input[name=name_of_your_radiobutton]:checked').val();

So easy it is. 很容易。

#4楼

I am not a javascript person, but I found here for searching this problem. 我不是一个JavaScript的人，但是我在这里找到了搜索此问题的人。 For who google it and find here, I am hoping that this helps some. 对于谁用谷歌搜索并在这里找到，我希望这会有所帮助。 So, as in question if we have a list of radio buttons: 因此，就像我们是否有单选按钮列表一样：

<div class="list"><input type="radio" name="b1" value="1"><input type="radio" name="b2" value="2" checked="checked"><input type="radio" name="b3" value="3">
</div>

I can find which one selected with this selector: 我可以找到使用此选择器选择的一个：

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

Even if there is no element selected, I still don't get undefined error. 即使没有选择任何元素，我也不会得到未定义的错误。 So, you don't have to write extra if statement before taking element's value. 因此，在获取元素值之前，您不必编写额外的if语句。

Here is very basic jsfiddle example . 这是非常基本的jsfiddle示例。

#5楼

The best way to explain this simple topic is by giving simple example and reference link:- 解释此简单主题的最佳方法是给出简单的示例和参考链接：-

In the following example we have two radio buttons. 在下面的示例中，我们有两个单选按钮。 If the user selects any radio button, we will display the selected radio button value in a alert box. 如果用户选择任何单选按钮，我们将在警报框中显示选定的单选按钮值。

Html: HTML：

<form id="Demo">
<input type="radio" name="Gender" value="Male" /> Male <br />
<input type="radio" name="Gender" value="Female" /> Female<br />
<input type="radio" name="Gender" value="others" /> others <br />
</form>

jquery:- jQuery的：-

 $(document).ready(function(){$('#Demo input').on('change', function() {alert($('input[name="Gender"]:checked', '#Demo').val());});});

#6楼

<div id="subscriptions">Company Suscription: <input type="radio" name="subsrad" value="1">Customer Subscription:<input type="radio" name="subsrad" value="2">Manully Set:<input type="radio" name="subsrad" value="MANUAL">NO Subscription:<input type="radio" name="subsrad" value="0"></div>

and handle jquery for alert as for th e value set / Changed through div id: 并处理jquery以获取有关值设置/通过div ID更改的警报：

$("#subscriptions input") // select the radio by its id.on('change', function(){ // bind a function to the change eventalert($('input[name="subsrad"]:checked', '#subscriptions').val());});

it is so easy....:-} 这很容易。...：-}

jQuery获取所选单选按钮的值相关推荐

html简单获取多选框的,jquery获取复选框的值的简单实例
JS获取复选框被选中的值 0 1 2 3 4 5 6 7 JS代码对checkbox的其他几个操作 1. 全选 2. 取消全选 3. 选中所有奇数 4. 反选 5. 获得选中的所有值 js代码 $( ...
js,jquery获取复选框checkbox被选中的值
转载:https://blog.csdn.net/qq_35792598/article/details/76646983 <!DOCTYPE html PUBLIC "-//W3C/ ...
jquery获取复选框checkbox被选中的值
获取复选框基本操作 html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h ...
用jQuery如何获取复选框的值
获取复选框的值 <div><input type="checkbox" name="" id="suibian">& ...
js+jQuery获取全选并用ajax进行批量删除
今天在处理后台的时候做了个小小的ajax处理批量删除的功能,给大家分享下. 1.在Repater绑定出放入单选 <input id="chkContentId" name=& ...
如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解
如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值通过 ...
微信小程序获取多选框选中值和选中值对应的id
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 官方文档中只有获取多选框的值的方法,但是我需要获取选中的值同时还要获取选中值对应的id,但是又不能操作DOM获 ...
html取输入框中的值,jquery获取input输入框中的值
如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值通过 ...
jquery 获取当前元素的索引值
jquery 获取当前元素的索引值 $("#lisa > li").mouseover(function(){ alert($("#lisa > li&quo ...

jQuery获取所选单选按钮的值

#1楼

#2楼

#3楼

#4楼

#5楼

#6楼

jQuery获取所选单选按钮的值相关推荐

最新文章

热门文章