“未知的伪类或伪元素‘收音机’”答案

【问题标题】："unknown pseudo-class or pseudo-element 'radio' "“未知的伪类或伪元素‘收音机’”
【发布时间】：2009-11-24 07:33:39
【问题描述】：

网页上有许多输入单选元素，每个单选元素都有多个选项。 I want a function to be fired whenever one option of a radio element is checked.如何使用 Jquery 编写代码？一个输入元素如下所示：

<div class="below">
<input type="radio" value="information" name="option0"/>
information
<input type="radio" value="communication" name="option0"/>
communication
<input type="radio" value="goods" name="option0"/>
goods
<input type="radio" value="attention" name="option0"/>
attention
</div>

我写的代码如下：

$('input:radio').click(function () {
  if (this.checked) { // or $(this).attr('checked')
    alert(this.value); // or alert($(this).val());
  }
});

我的 Jquery 版本是

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

我正在使用火狐。在错误控制台上显示“未知的伪类或伪元素'收音机'”。任何想法？怎么了？

我之前的问题与这个问题很接近，但到目前为止我还没有得到解决方案。所以我不得不四处打听。希望这个问题不会因为重复的问题而被关闭。谢谢！

【问题讨论】：

输入单选代码是使用 Jquery 动态创建的。

标签： jquery jquery-selectors radio-button pseudo-element

【解决方案1】：

也许是这个？

$('input[type=radio]').click( ... );

【讨论】：

Pygorex1 是正确的。选择器是 $('input[type=radio'])。如果您仍然遇到问题，我建议您超越您正在使用的选择器。

【解决方案2】：

输入元素通常包含在表单元素中，你的情况是这样吗？如果是这样，也许您需要在选择器中包含表单元素。在此处查看示例：http://docs.jquery.com/Selectors/radio

【讨论】：

阅读您的帖子后，我添加了
以便所有输入元素都包含在表单元素中。但同样，它不起作用。
这部分/sn-p 代码不起作用。在错误控制台上，它仍然显示“未知的伪类或伪元素‘收音机’”。 Jquery 代码的其他部分工作正常。

【解决方案3】：

我已经使用您的代码设置了一个简单的测试页面，尽管我在控制台中遇到了相同的错误，但它可以正常工作（每当我单击单选按钮时都会显示警报消息）。我在这里发布页面代码，以防它帮助你发现你错过的东西：

<html>
<header>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('input:radio').click(function () {
  if (this.checked) { // or $(this).attr('checked')
    alert(this.value); // or alert($(this).val());
  }
});
});
</script>
</header>
<body>
<div class="below">
<input type="radio" value="information" name="option0"/>
information
<input type="radio" value="communication" name="option0"/>
communication
<input type="radio" value="goods" name="option0"/>
goods
<input type="radio" value="attention" name="option0"/>
attention
</div>
</body>
</html>

【讨论】：