在前端开发中，我们经常会用到checkbox这个控件来实现多选功能。然而，在设置checkbox的状态时，我们可能会遇到一些疑惑：应该使用true还是checked属性？是否还可以使用yes属性？本文将对这些问题进行详细解答，并给出相应的示例代码。
true属性
在HTML中，我们可以使用true属性来设置checkbox的选中状态。当该属性被设置为true时，checkbox会被默认选中。例如：
------ --------------- ------------ ------------- ----- -----
不过需要注意的是，当我们使用JavaScript获取checkbox的选中状态时，它返回的并不是true或false，而是一个包含所有被选中checkbox的数组。因此，在处理checkbox选中状态时，我们需要使用其他属性。
checked属性
与true属性不同，checked属性是专门用来表示checkbox的选中状态的。当该属性被设置为checked时，checkbox会被选中。例如：
------ --------------- ------------ -------------- -------- ------
同样地，在JavaScript中，我们也可以使用checked属性来获取checkbox的选中状态。例如：
--- -------- - -------------------------------------------------------------- -- ------------------ - --------------------- -- ----------- -
需要注意的是，checked属性并不接受任何值。如果我们使用checked="true"或checked="yes"来设置checkbox的选中状态，它会被当作未选中状态处理。
yes属性
在HTML中，我们也可以使用yes属性来设置checkbox的选中状态。例如：
------ --------------- ------------ -------------- ---- ------
不过需要注意的是，yes属性并非标准属性，因此它的行为可能因浏览器而异。实际上，在大多数浏览器中，使用yes属性来设置checkbox的选中状态是无效的。因此，我们应该优先使用checked属性来表示checkbox的选中状态，以保证代码的可靠性和兼容性。
总结
在实际开发中，我们应该优先使用checked属性来表示checkbox的选中状态。虽然true和yes属性也可以用来设置checkbox的选中状态，但它们的行为比较难以理解，同时也存在兼容性问题。因此，我们应该尽量避免使用这些属性。以下是一个示例代码，演示如何使用checked属性来处理checkbox的选中状态：
------ --------------- ------------ -------------- ---------
------ --------------- ------------ -------------- -------- ----------
------ --------------- ------------ --------------- ----------
------- ----------------------------- ----------------
--------
-------- ------------- -
--- ---------- - -------------------------------------------------
--- ------------- - ----------------------
---------------- -- -----------------
------------- -- ----------------
-------------------- --------- ---------------
-
---------在这个示例中，我们使用checked属性来设置checkbox的选中状态，并使用JavaScript来获取所有被选中的checkbox。这样，我们就可以很方便地处理多选框的选中状态了。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27756