自动选择复选框 Python 和 Dash答案

【问题标题】：Automatically select checkbox Python and Dash自动选择复选框 Python 和 Dash
【发布时间】：2021-11-26 03:23:56
【问题描述】：

我有这个 python 代码工作 - 如果用户选择“全选”复选框，所有复选框都被选中/取消选中。

如果所有复选框都被选中/取消选中，我需要代码自动选中/取消选中“全选”复选框。

谢谢！我用的是谷歌协作

!pip install jupyter-dash

import plotly.express as px
from jupyter_dash import JupyterDash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
from dash.dependencies import Input, Output, State



# Build App
app = JupyterDash(__name__)
app.layout = html.Div(
    [
        dcc.Checklist(
            id="all-or-none",
            options=[{"label": "Select All", "value": "All"}],
            value=[],
            labelStyle={"display": "inline-block"},
        ),
        dcc.Checklist(
            id="my-checklist",
            options=[
                {"label": "New York City", "value": "NYC"},
                {"label": "Montréal", "value": "MTL"},
                {"label": "San Francisco", "value": "SF"},
            ],
            value=[],
            labelStyle={"display": "inline-block"},
        ),
    ]
)



@app.callback(
    Output("my-checklist", "value"),
    [Input("all-or-none", "value")],
    [State("my-checklist", "options")],
)
def select_all_none(all_selected, options):
    all_or_none = []
    all_or_none = [option["value"] for option in options if all_selected]
    return all_or_none



# Run app and display result inline in the notebook
app.run_server(mode='inline')

【问题讨论】：

其实可以删除all_or_none = []

标签： python checkbox plotly plotly-dash

【解决方案1】：

一种方法是将您的my-checklist 选项放在一个变量中，然后将此变量传递给my-checklist 的options 属性：

all_options=[
    {"label": "New York City", "value": "NYC"},
    {"label": "Montréal", "value": "MTL"},
    {"label": "San Francisco", "value": "SF"},
]

然后你可以在你的回调中检查my-checklist中选择的选项数量是否等于all_options的长度，以确定是否所有选项都被选中。

此外，您需要在每次选择my-checklist 选项时检查以切换Select All 复选框。

例如：

@app.callback(
    Output("my-checklist", "value"),
    Output("all-or-none", "value"),
    Input("all-or-none", "value"),
    Input("my-checklist", "value"),
    prevent_initial_call=True,
)
def select_all_none(all_selected, options):
    ctx = dash.callback_context
    triggerer_id = ctx.triggered[0]["prop_id"].split(".")[0]

    my_checklist_options = []
    all_or_none_options = []

    if triggerer_id == "all-or-none":
        if all_selected:
            all_or_none_options = ["All"]
            my_checklist_options = [option["value"] for option in all_options]
    else:
        if len(options) == len(all_options):
            all_or_none_options = ["All"]

        my_checklist_options = options

    return my_checklist_options, all_or_none_options

我在这里dash.callback_context 确定是哪个Input 触发了回调。有关dash.callback_context 的更多信息，请参阅文档here。

【讨论】：