Javascript jQuery获取所选单选按钮的正确值
在对各种实现进行了大量研究和尝试之后,我发现如何从我的应用程序中获取单选按钮值。基本上,它是文件Index.cshtml中非常简单的单选按钮:Javascript jQuery获取所选单选按钮的正确值,javascript,jquery,Javascript,Jquery,在对各种实现进行了大量研究和尝试之后,我发现如何从我的应用程序中获取单选按钮值。基本上,它是文件Index.cshtml中非常简单的单选按钮: <div class="col-md-2"> <div style="padding: 0 20px;"> <label for="star-filter2"> Projects vendors status:</label>
<div class="col-md-2">
<div style="padding: 0 20px;">
<label for="star-filter2"> Projects vendors status:</label>
<fieldset id="star-filter2">
<input class="radioCheck2" id="rated-filter2" value="true" type="radio" name="starfilter2" />Rated<img src="~/images/check.png" alt="tick box" height="20" width="20" />
<br />
<input class="radioCheck2" id="rated-filter2" value="false" type="radio" name="starfilter2" />Not rated<img src="~/images/excl_mark.png" alt="excl mark" height="20" width="20" />
<br />
<input class="radioCheck2" id="rated-filter2" value="null" type="radio" name="starfilter2" />NULL<img src="~/images/excl_mark.png" alt="excl mark" height="20" width="20" />
</fieldset>
</div>
</div>
在此代码行中:varshowRated=$(“#rated-filter2”)。是(“:checked”)代码>正在工作,但只有在选中时才能获取值。我想要的是,我想要得到所选单选按钮的值,例如:true,“null”和我插入单选按钮的任何值
我尝试了这些行,在那里我得到了“未定义”或总是错误的值
$('#input[name=\'starfilter2\']:checked').val();
$('#rated-filter2:selected').val();
$('#input[name=starfilter2]:checked').val();
它们中没有一个不起作用。哇,首先,在本例中,没有理由使用多个同名ID,即rated-filter2。ID应该是唯一的(如驾照ID或社会保险号)
或者更换这个
var radioValue = $("input[name='star-filter2']:checked").val();
用这个
var radioValue = $("input[id='rated-filter2']:checked").val();
请记住要有唯一的ID。您使用的是#input
作为选择器,但没有一个元素的ID为input
。试试$('input[name=starfilter2]:checked').val()
。您的三个输入也具有相同的ID,这不应该是大小写-ID对于页面上的一个元素来说应该是唯一的。因为它也是一个单选按钮,当触发change
事件时,这意味着其中一个被选中(如果没有代码,您无法真正取消选中单选按钮)。因此,即使不检查是否已检查,您也可以使用类似的方法来获取已检查的无线电值:$('[name=starfilter2]').change(function(){alert(this.value);})
可能重复$(“:radio:checked”).val()
:radio
是一个特殊的jQuery选择器,相当于$(“input[type=radio]”)
。下面是关于收音机名称的后续信息-如果您有一个收音机组,组中的所有收音机输入都应该具有相同的名称(这就是它们如何绑定在一起的,以便在同一个命名组中只能检查一个收音机)。如果名称不同,收音机将不会绑定在一起,它们基本上只是四舍五入的复选框,不能取消选中。
var radioValue = $("input[name='star-filter2']:checked").val();
var radioValue = $("input[id='rated-filter2']:checked").val();