我正在尝试用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/
你的代码是正确的,但问题可能来自其他地方。
检查firebug控制台
您的代码看起来不错。<<strong> JS-BIN演示/strong>确保为单选按钮赋予相同的名称:
<div>
<input type="radio" id="price1" name="shipping" class="styled" />
<input type="radio" id="price2" name="shipping" class="styled" />
</div>
和你的代码将工作。
另一种方法是使用click来代替change:
$(document).ready(function() {
$("input[name=shipping]").click(function() {
alert("123");
});
});
我看了一下你导入的脚本。
它看起来很过时,它包含了像
inputs[a].onchange = Custom.clear;
这将删除您之前添加的事件侦听器。
我的建议是:
- 删除这个插件,它可能只是为静态页面制作的
- 把你自己的脚本放在正文的末尾,而不是在标题
试试这个
$(document).delegate("input[name=shipping]", "change", function() {
alert('abc');
});