使用.prop()方法检查和禁用选项时的jquery 1.6.2问题

15 浏览
0 Comments

使用.prop()方法检查和禁用选项时的jquery 1.6.2问题

这个问题已经有答案了:

可能是重复问题:

.prop() vs .attr()

请查看这个fiddle：

http://jsfiddle.net/DGzvP/

$("#test").prop({
    checked: true,
    disabled: true
});
$("#result").text($("#container").html());

您将看到输出结果如下：

在火狐浏览器5中为什么添加了一个禁用的属性而没有为选中的添加？我希望它能以一致的方式做到两者。

编辑:

我现在意识到结果在每个浏览器中都完全不同。

更多结果：

IE6/7:

Chrome 13:

IE8:

admin 更改状态以发布 2023年5月19日
0

2 答案

0 Comments

您应该在此处使用 attr 而不是 prop。

$("#test").attr({
    checked: true,
    disabled: true
});

0
0 Comments

".prop（）"方法是关于在DOM节点上设置/获取属性，而不是设置属性。因此，它不会添加任何属性。你看到的是Firefox 5 "innerHTML"代码的行为，并不是jQuery的行为。

如果您想使用HTML或XHTML（或任何您的DOM来自的）属性，请使用".attr()"。然而，在大多数JavaScript与活动DOM一起工作的情况下，您应该使用 ".prop()"。

0