使用 jQuery.prop 和对象文字设置输入的检查属性 - 两种不同的结果

Question

我有一段代码创建了选中的复选框：

$("<input />", { type: 'checkbox', checked: true});

后来我把它附在表格上…

此代码适用于IE8及以下版本。然而，我在IE9中遇到了一个问题（其他浏览器也可能出现这种情况，但我还没有对此进行调查）。复选框已创建，但未选中（查看标记时没有选中的属性）。

然而，当我把它改为：

$("<input />", { type: 'checkbox' }).prop('checked', true);

checked控件适用于所有浏览器。

为什么第一种方法失败了？

Answer 1

您还需要设置输入类型

$("<input />", { checked: true, type: 'checkbox'}).appendTo('body');