Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery获取所选单选按钮的正确值_Javascript_Jquery - Fatal编程技术网

Javascript jQuery获取所选单选按钮的正确值

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>

在对各种实现进行了大量研究和尝试之后,我发现如何从我的应用程序中获取单选按钮值。基本上,它是文件Index.cshtml中非常简单的单选按钮:

<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>
在此代码行中:var
showRated=$(“#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();