问题陈述很简单。我需要看看用户是否从无线电组中选择了一个单选按钮。组中的每个单选按钮共享相同的id。
问题是我无法控制表单是如何生成的。下面是单选按钮控件代码的样例代码:
<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 >
除此之外，当单选按钮被选中时，它不会添加一个“checked”属性到控件中，只是文本检查(我猜只是没有值的属性检查)。下面是选定的无线电控件的外观
<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 >
有人能帮助我用jQuery代码，可以帮助我得到选中单选按钮的值吗?
首先，不能有多个具有相同id的元素。我知道你说过你无法控制表单的创建方式，但是……尝试以某种方式从无线电中删除所有id，或使它们唯一。
要获得所选单选按钮的值，请使用:checked筛选器按名称选择它。
var selectedVal = "";
var selected = $("input[type='radio'][name='s_2_1_6_0']:checked");
if (selected.length > 0) {
selectedVal = selected.val();
}
EDIT
所以你无法控制名字。在这种情况下，我会说把这些单选按钮都放在一个div中，命名为radioDiv，然后稍微修改你的选择器:
var selectedVal = "";
var selected = $("#radioDiv input[type='radio']:checked");
if (selected.length > 0) {
selectedVal = selected.val();
}
解释这个简单话题的最好方法是给出简单的例子和参考链接:-
在下面的例子中，我们有两个单选按钮。如果用户选择任何单选按钮，我们将在警报框中显示所选单选按钮值。
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: -
$(document).ready(function(){
$('#Demo input').on('change', function() {
alert($('input[name="Gender"]:checked', '#Demo').val());
});
});
<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>
和处理jquery警报的值设置/通过div id更改:
$("#subscriptions input") // select the radio by its id
.on('change', function(){ // bind a function to the change event
alert($('input[name="subsrad"]:checked', '#subscriptions').val());
});
这是如此简单....:-}
HTML标记:
<div class="form-group">
<input id="rdMale" type="radio" class="clsGender" value="Male" name="rdGender" /> Male
<input id="rdFemale" type="radio" class="clsGender" value="Female" name="rdGender" /> Female
</div>
通过单选按钮Id获取所选值:
$("input[name='rdGender']").click(function () {
alert($("#rdMale").val());
});
通过单选按钮Classname获取值
$(".clsGender").click(function () {
alert($(this).val());
//or
alert($(".clsGender:checked").val());
});
按名称获取值
$("input[name='rdGender']").click(function () {
var rdVaule = $("input[name='rdGender']:checked").val();
alert(rdVaule);
});
对于多个单选按钮，您必须在单选按钮标签上放置相同的name属性。
例如;
<input type="radio" name"gender" class="select_gender" value="male">
<input type="radio" name"gender" class="select_gender" value="female">
一旦你有了单选选项，现在你可以像下面这样使用jQuery代码来获得选中/选中的单选选项的值。
$(document).on("change", ".select_gender", function () {
console.log($(this).val()); // Here you will get the current selected/checked radio option value
});
注意:使用$(document)是因为如果单选按钮是在DOM 100%加载后创建的，那么你需要它，因为如果你不使用$(document)，那么jQuery将不知道新创建的单选按钮的范围。像这样调用jQuery事件是一个很好的实践。
