jquery＆amp;单选按钮

Question

我正试图在jquery中做一个非常简单的事情，这是行不通的。

我有这个单选按钮：

<input type="radio" id="price" name="shipping" class="styled" />

在Head我有这段代码：

$(document).ready(function() {

$("input[name=shipping]").change(function() {
    alert("123");
});

});

我的代码出了什么问题？

也许是因为我正在使用“自定义复选框和单选按钮”？ http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

Answer 1

你的代码是正确的，但也许问题来自另一个地方。

使用 firebug控制台

查看

Answer 2

我查看了您导入的脚本。

看起来非常过时，它包含

之类的内容

inputs[a].onchange = Custom.clear;

这将删除您之前添加的事件侦听器。

我的建议是按照偏好顺序：

1. 删除此插件，该插件可能只针对静态页面
2. 将您自己的脚本放在正文末尾而不是标题
内

Answer 3

您的代码看起来不错。 的 JS-BIN Demo 确保为单选按钮指定相同的名称：

<div>
  <input type="radio" id="price1" name="shipping" class="styled" />
  <input type="radio" id="price2" name="shipping" class="styled" />
</div>

您的代码将有效。

另一种方法是使用点击而不是更改：

$(document).ready(function() {
$("input[name=shipping]").click(function() {
    alert("123");
});  
});

Answer 4

试试这个

$(document).delegate("input[name=shipping]", "change", function() {
   alert('abc');
});