Question

我在asp.net-mvc视图中有以下代码：

<input checked="checked" id="outputFilter" name="outputFilter" value="Detail" type="radio"> Detail Info
<input id="outputFilter" name="outputFilter" value="Summary" type="radio"> Summary Info

<input checked="checked" id="outputSorting" name="outputSorting" value="Milestone" type="radio"> Milestone
<input id="outputSorting" name="outputSorting" value="AppRank" type="radio">App --&gt; Rank

我有这个javascript代码：

 var sortValue = $("input[@name='outputSorting']:checked").val();
 var dataValue = $("input[@name='outputFilter']:checked").val();

问题是我得到了两个值为“详细信息”的两个版本的sortValue和dataValue

任何人都可以看到这个代码有什么问题会引发这种情况吗？

Answer 1

删除@标志。很久以前，对于属性，这已被弃用。

var sortValue = $("input[name='outputSorting']:checked").val();
var dataValue = $("input[name='outputFilter']:checked").val();

另外，请关闭输入标记以使HTML有效。

<input ... value="Detail" type="radio" /> Detail Info
<input id="outputFilter" ... type="radio" /> Summary Info
...

Your code与jQuery 1.2.6（正常）。
Your code与jQuery 1.3.2（不起作用）。

Answer 2

尝试删除“@”符号。希望这会有所帮助。

鲍勃

Answer 3

此外，ID必须是唯一的。而是使用类

为什么这个Jquery没有读取正确的单选按钮检查值？

3 个答案: