为什么不能使用attr方法来获取和设置checked属性

在HTML中，`checked`属性是一个布尔属性，表示一个复选框或单选框是否被选中。这种属性是布尔类型的，它只有两种可能的状态：选中和未选中。因此，它不像其他属性那样可以使用`attr`方法来获取和设置。

相反，为了获取和设置`checked`属性，我们需要使用`prop`方法。`prop`方法用于获取和设置元素的属性值，包括布尔属性值。我们可以使用以下代码来获取和设置`checked`属性：

// 获取checked属性值
var isChecked = $('#myCheckbox').prop('checked');

// 设置checked属性值
$('#myCheckbox').prop('checked', true);

请注意，当我们使用`prop`方法设置布尔属性时，应该使用布尔值而不是字符串。所以在上面的例子中，我们使用`true`来设置`checked`属性。

相关问题

那和attr有什么区别吗

虽然 `$.prop()` 方法和 `$.attr()` 方法都可以用来获取和设置元素的属性值，但是它们在操作属性的方式和范围上有一些区别。

1. 操作方式不同

`$.prop()` 方法用于操作元素的属性，而不是元素的属性值。这意味着，使用 `$.prop()` 方法来获取元素属性时，会返回属性的实际值，而不是属性的字符串表示形式。而使用 `$.attr()` 方法来获取元素属性时，会返回属性的字符串表示形式。

例如，对于 `input` 元素的 `checked` 属性，使用 `$.prop()` 方法获取的是一个布尔值，而使用 `$.attr()` 方法获取的是字符串 `"checked"` 或者 `undefined`。

2. 范围不同

`$.prop()` 方法只能操作 DOM 元素本身的属性，而不能操作元素的自定义属性。而 `$.attr()` 方法可以操作元素的所有属性，包括 DOM 元素本身的属性和自定义属性。

例如，对于以下 HTML 代码：

<div id="myDiv" custom-attr="hello"></div>

使用 `$.prop()` 方法无法获取或设置 `custom-attr` 自定义属性，而使用 `$.attr()` 方法可以获取或设置该属性的值。

因此，如果要操作 DOM 元素的原生属性（例如 `checked`、`disabled`、`readonly` 等属性），建议使用 `$.prop()` 方法。如果要操作元素的自定义属性，建议使用 `$.attr()` 方法。

js中attr和prop有什么区别

在 JavaScript 中，attr 和 prop 都是用于操作 HTML 元素属性的方法，但它们有区别：

1. attr 操作的是元素的属性，而 prop 操作的是元素的属性和属性值。

2. attr 可以获取元素的自定义属性值，而 prop 只能获取元素的标准属性值。

3. 在 HTML 5 中，一些属性名和属性值是一样的，例如 checked、disabled，这时候使用 prop 可以获取正确的属性值，而 attr 不能。

4. 在设置元素属性值时，使用 prop 可以提高性能，因为它直接操作 DOM 元素，而不需要解析 HTML 字符串。

总之，如果要获取元素的标准属性值，或者设置属性值时需要提高性能，建议使用 prop。如果需要获取自定义属性值，或者设置非标准属性值，可以使用 attr。