jquery - 我希望每当检查单选元素的一个选项时都会触发一个函数。如何使用 Jquery 做到这一点？

Question

网页上有许多输入单选元素，每个单选元素都有多个选项。我希望每当检查单选元素的一个选项时都会触发一个函数。如何使用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>

我写的代码如下:

$(":radio").checked(function() {
    alert(this.value);

});

但是这不起作用。怎么做？

Answer 1

checked 不是一个事件，您应该使用 click或change .

此外，我想注意到建议使用 input:radio 而不是仅使用 :radio，因为 pseudo-selector将被评估为 *:radio 并且它可能会很慢:

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