jQuery：在页面加载时触发单选按钮的单击事件

Question

我有3个单选按钮，它们可以隐藏/显示某些div。 这些单选按钮是由PHP脚本生成的，我想用jQuery来检查第一个单选按钮（已经可以工作！），然后触发点击函数，以便它可以隐藏/显示相关的内容。

$("input:radio:first").attr("checked", true).trigger("click");

.trigger("click")实际上不起作用。

单选按钮的点击事件如下所示：

$("input[name='type']").on("click", function() { ... });

有什么想法吗？

- peipst9lker

---

你确定输入元素的名称是 type 吗？在触发 click 事件之前，事件处理程序是否已绑定？另外，你不需要使用 attr('checked', true)，单选按钮将通过 trigger('click') 被选中：http://jsfiddle.net/pn6sp/ - Matt

jsFiddle 的示例会很有用。 - tarmaq

名字总是类型，已经检查过了。触发器在 .on("click") 下面。 - peipst9lker

问题已经解决了！bArmageddon提供了解决方案。 - peipst9lker

Answer 1

尝试在DOM就绪后执行，像这样：

$(function(){
  $("input:radio:first").click();
});

也许它还没有完成加载。使用.click。

- bArmageddon

---

我不明白为什么如果我把 "$("input:radio:first").click();" 放在 $(document).ready(function() { ...}) 中就不起作用，而如果我将其放在 $(document).ready(function() { ...}) 中的这种方式中，它就能正常工作：$(document).ready(function() { $(function(){ $("input:radio:first").click();}); })。你能解释一下原因吗？谢谢 - Pierpaolo Paolini