jquery & 单选按钮答案

【问题标题】：jquery & radio buttonjquery & 单选按钮
【发布时间】：2012-12-30 17:13:08
【问题描述】：

我正在尝试在 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/

【问题讨论】：

【解决方案1】：

您的代码正确，但问题可能来自另一个地方。

检查 firebug 控制台

【讨论】：

【解决方案2】：

您的代码看起来不错。 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");
});  
});

【讨论】：

【解决方案3】：

我查看了您导入的脚本。

它看起来非常过时，并且包含类似的东西

inputs[a].onchange = Custom.clear;

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

我的建议是，按偏好顺序排列：

【讨论】：

【解决方案4】：

试试这个

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

【讨论】：