元素：ariaMultiSelectable 属性

基线 2023

新功能

自 2023 年 10 月起，此功能在最新的设备和浏览器版本上均可使用。此功能可能无法在旧设备或浏览器上使用。

ariaMultiSelectable 属性是 Element 接口的一个属性，它反映了 aria-multiselectable 属性的值，该属性指示用户可以从当前可选择的后代中选择多个项目。

注意： 在可能的情况下，请使用 HTML <select> 元素，因为它具有内置语义，不需要 ARIA 属性。

价值

一个包含以下值之一的字符串

"true"

可以一次选择多个项目。

"false"

只能选择一个项目。

示例

在本例中，ID 为 listbox1 的元素上的 aria-multiselectable 属性被设置为 "true"，表示此输入接受多个选中项。使用 ariaMultiSelectable，我们将值更新为 "false"。

html
<div role="listbox" tabindex="0" id="listbox1"
  aria-multiselectable="true" aria-labelledby="listbox1label" aria-activedescendant="listbox1-1">
  <div role="option" id="listbox1-1" class="selected" aria-selected="true">Green</div>
  <div role="option" id="listbox1-2">Orange</div>
  <div role="option" id="listbox1-3">Red</div<
</div>
js
let el = document.getElementById("listbox1");
console.log(el.ariaMultiSelectable); // "true"
el.ariaMultiSelectable = "false";
console.log(el.ariaMultiSelectable); // "false"

规范

规范
可访问的富互联网应用程序 (WAI-ARIA)
# dom-ariamixin-ariamultiselectable

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见