javascript - 更改时的 jQuery 单选按钮不起作用

Question

我见过this question我看到了this fiddle .

我的 fiddle here 。这是一个简单的问题。为什么不起作用？

#html
<input checked="checked" id="article_format_html" name="article[format]" type="radio" value="html">Some meaningful value
<input id="article_format_text" name="article[format]" type="radio" value="text">Another Value

#js
$("input[name='article[format]']:radio").change(alert('hola'));

编辑:

根据大众的要求，我这样做了:

.change(function(){alert('hola')});

Fiddle .

结果:不起作用。

编辑2:(为什么我遇到这个问题)

因此，JS-Fiddle 将您的 js 代码包装在 iframe 的头部，即您的 Result 部分。为了使 jQuery 选择器(或任何操作 DOM 的 js)正常工作，它必须在 DOM 元素渲染后执行。因此，在就绪时和/或在 body 关闭之前包装代码是确保查询选择器不会返回 undefined 的最安全方法。

Answer 1

1. 使用回调或匿名函数 block
2. 您使用的是 jQuery 1.11(最好使用 .on 语法)

演示:http://jsfiddle.net/abhitalks/e5ByP/2/

$("input[name='article[format]']:radio").on("change", function() { 
    alert('hola'); 
});