📜  jQWidgets jqxDropDownList uncheckAll() 方法(1)

📅  最后修改于: 2023-12-03 14:43:22.730000             🧑  作者: Mango

jQWidgets jqxDropDownList uncheckAll() 方法

简介

jQWidgets jqxDropDownList 是一个基于 jQuery 的下拉列表控件,可用于创建带有多项选择功能的下拉列表。其中 uncheckAll() 方法用于取消选择下拉列表中的所有选项。

方法原型

方法参数:无。

uncheckAll(): void
使用方法

在 HTML 中创建一个下拉列表控件,给定 id 为 "dropdownlist",并设置 initial index 和选项列表。

<div id="dropdownlist"></div>

<script>
    var source = ['Java', 'Python', 'C++', 'C#'];

    $(document).ready(function() {
        var dropdownlist = $('#dropdownlist').jqxDropDownList({
            selectedIndex: 0,
            source: source
        });
    });
</script>

然后,当需要取消所有选项时,调用 uncheckAll() 方法即可。

dropdownlist.jqxDropDownList('uncheckAll');
Markdown 代码片段
# jQWidgets jqxDropDownList uncheckAll() 方法

## 简介
jQWidgets jqxDropDownList 是一个基于 jQuery 的下拉列表控件,可用于创建带有多项选择功能的下拉列表。其中 uncheckAll() 方法用于取消选择下拉列表中的所有选项。

## 方法原型
方法参数:无。

uncheckAll(): void


## 使用方法
在 HTML 中创建一个下拉列表控件,给定 id 为 "dropdownlist",并设置 initial index 和选项列表。

``` html
<div id="dropdownlist"></div>

<script>
    var source = ['Java', 'Python', 'C++', 'C#'];

    $(document).ready(function() {
        var dropdownlist = $('#dropdownlist').jqxDropDownList({
            selectedIndex: 0,
            source: source
        });
    });
</script>

然后,当需要取消所有选项时,调用 uncheckAll() 方法即可。

dropdownlist.jqxDropDownList('uncheckAll');