Html 标记可点击复选框

在使用or-[]的降价中，将显示一个白色框，单击无法选中该框。你知道如何实现进度文档的可点击复选框吗。我想我需要一个分机，但哪个在jupyterlab工作

例如：

[]做这个和那个，然后再做那个，这样更长的tex []又是一篇长篇 []单击以记录您的进度，在完成任务后放置，无需保存复选标记。 您可以改为整型HTML，并将样式更改为复选框。

您可以改为整型HTML，并将样式更改为复选框。

当-[]为您提供空复选框时，[x]将作为复选框呈现。 以下是GitHub风格的演示：

-[]未选中 -[x]已检查 将呈现为：

请注意，HTML单选按钮和复选框等东西在交互时并不是文档上的永久更改，除非您有后端代码通过更改HTML标记来保存更改

见此：

标签{ 左侧填充：5px； } 输入{ 浮动：左； } 未经检查。 选中的。 -[]为您提供空复选框，[x]将作为复选框呈现。 以下是GitHub风格的演示：

-[]未选中 -[x]已检查 将呈现为：

请注意，HTML单选按钮和复选框等东西在交互时并不是文档上的永久更改，除非您有后端代码通过更改HTML标记来保存更改

见此：

标签{ 左侧填充：5px； } 输入{ 浮动：左； } 未经检查。 选中的。 一个选项是使用，它是一个Python库，专门为Jupyter笔记本/实验室提供表单小部件

要显示一个文件，请执行以下操作：

这将显示一个复选框，您可以选中和取消选中该复选框。但是，复选框的状态将不会保存。每次重新运行笔记本或重新启动内核时，都会使用默认值False重新创建该复选框

如果希望使用保存的值创建复选框，则需要获取该值，并在创建复选框时将其传入

mycheckbox=Checkboxvalue=myvalue 但是，当然，您需要首先检索该值。您还需要在值更改时保存该值，以便下次可以检索该值。对于下面的示例，我使用了一个JSON文件来存储该值。当然，该示例可以适用于使用任何有效的方法来存储持久数据

假设我们有一个名为data.json的文件，其中包含以下内容：

{item:true} 然后，在我们的笔记本中，我们运行以下Python代码：

从ipywidgets导入复选框 导入json 打开'data.json'，'r'作为f: data=json.loadf item=Checkboxvalue=data['item']，description='item' def on_值_更改： key=更改['owner']。说明 值=更改['new'] 数据[键]=值 打开'data.json'，'w'作为f: json.dumpdata，f item.observeon\u value\u change，name='value' 显示项 让我们把它分解一下

首先，我们将JSON数据加载到Python dict:data中

打开'data.json'，'r'作为f: data=json.loadf 然后，我们使用从JSON文件获得的值创建复选框

item=Checkboxvalue=data['item']，description='item' 但我们还需要检测复选框的任何更改。所以我们需要定义一个变更处理程序

def on_value_change(change):
    key = change['owner'].description
    value = change['new']
    
    data[key] = value

    with open('data.json', 'w') as f:
        json.dump(data, f)

前两行获取项的名称和新值。然后我们用新值更新数据。最后，我们将更新后的数据写入JSON文件

最后，我们需要通过将处理程序传递给方法来告诉复选框：

item.observeon\u value\u change，name='value' 请注意，我们传递names='value'进行观察，以便只接收对值的更改，其他任何更改都将被忽略

下面是一个稍加修改的版本，每次更新数据文件时打印输出通知：

从ipywidgets导入复选框，输出 导入json 打开'data.txt'，'r'作为f: data=json.loadf item=Checkboxvalue=data['item']，description='item' 输出=输出 @出局 def on_值_更改： key=更改['owner']。说明 值=更改['new'] printf'保存值：{{\'{key}\'：{value}} 数据[键]=值 打开'data.txt'，'w'作为f: json.dumpdata，f item.observeon\u value\u change，name='value' 显示项 展示 运行该选项，每次单击该复选框时，将在其下方打印一条消息，显示已保存的内容

Saving value: "{ 'item': False }"
Saving value: "{ 'item': True }"
Saving value: "{ 'item': False }"

它可以用于调试目的。通过添加更多的print语句，您可以确定change变量中包含哪些其他信息。这可能有助于使其适应您的需要。

一个选项是使用，它是一个Python库，专门为Jupyter笔记本/实验室提供表单小部件

要显示一个文件，请执行以下操作：

这将显示一个复选框，您可以 勾选和取消勾选。但是，复选框的状态将不会保存。每次重新运行笔记本或重新启动内核时，都会使用默认值False重新创建该复选框

如果希望使用保存的值创建复选框，则需要获取该值，并在创建复选框时将其传入

mycheckbox=Checkboxvalue=myvalue 但是，当然，您需要首先检索该值。您还需要在值更改时保存该值，以便下次可以检索该值。对于下面的示例，我使用了一个JSON文件来存储该值。当然，该示例可以适用于使用任何有效的方法来存储持久数据

假设我们有一个名为data.json的文件，其中包含以下内容：

{item:true} 然后，在我们的笔记本中，我们运行以下Python代码：

从ipywidgets导入复选框 导入json 打开'data.json'，'r'作为f: data=json.loadf item=Checkboxvalue=data['item']，description='item' def on_值_更改： key=更改['owner']。说明 值=更改['new'] 数据[键]=值 打开'data.json'，'w'作为f: json.dumpdata，f item.observeon\u value\u change，name='value' 显示项 让我们把它分解一下

首先，我们将JSON数据加载到Python dict:data中

打开'data.json'，'r'作为f: data=json.loadf 然后，我们使用从JSON文件获得的值创建复选框

item=Checkboxvalue=data['item']，description='item' 但我们还需要检测复选框的任何更改。所以我们需要定义一个变更处理程序

def on_value_change(change):
    key = change['owner'].description
    value = change['new']
    
    data[key] = value

    with open('data.json', 'w') as f:
        json.dump(data, f)

前两行获取项的名称和新值。然后我们用新值更新数据。最后，我们将更新后的数据写入JSON文件

最后，我们需要通过将处理程序传递给方法来告诉复选框：

item.observeon\u value\u change，name='value' 请注意，我们传递names='value'进行观察，以便只接收对值的更改，其他任何更改都将被忽略

下面是一个稍加修改的版本，每次更新数据文件时打印输出通知：

从ipywidgets导入复选框，输出 导入json 打开'data.txt'，'r'作为f: data=json.loadf item=Checkboxvalue=data['item']，description='item' 输出=输出 @出局 def on_值_更改： key=更改['owner']。说明 值=更改['new'] printf'保存值：{{\'{key}\'：{value}} 数据[键]=值 打开'data.txt'，'w'作为f: json.dumpdata，f item.observeon\u value\u change，name='value' 显示项 展示 运行该选项，每次单击该复选框时，将在其下方打印一条消息，显示已保存的内容

Saving value: "{ 'item': False }"
Saving value: "{ 'item': True }"
Saving value: "{ 'item': False }"

---

它可以用于调试目的。通过添加更多的print语句，您可以确定change变量中包含哪些其他信息。这可能有助于调整此设置以满足您的需要。

据我所知，使用收音机一次只能选择一件事。此外，我还遇到了同样的问题，即它不是通过单击激活的。据我所知，使用收音机时，一次只能选择一件事。此外，我还遇到了同样的问题，即它不是通过单击激活的。我知道我可以通过键入x手动检查它们，但我确实需要通过单击以交互方式检查它们，以供没有看到原始标记代码的用户使用。我知道在HTML代码中可以有复选框，但我需要在Jupterlab中的已执行标记单元格中有复选框，在那里，您和我的示例无法通过激活click@user23657我认为这样做是不可能的。我建议你把你的项目转换成一个网页，因为即使你做到了这一点，它很可能是一个黑客的方式，并没有真正的可维护性。如果你找到了解决方案，请继续跟进。我把你的问题记在书签里了。由于您使用的是python，您可能希望将flask或django作为后端解决方案进行检查。我知道我可以通过键入x手动检查它们，但我确实需要通过单击以交互方式检查它们，以供没有看到原始标记代码的用户使用。我知道在HTML代码中可以有复选框，但我需要在Jupterlab中的已执行标记单元格中有复选框，在那里，您和我的示例无法通过激活click@user23657我认为这样做是不可能的。我建议你把你的项目转换成一个网页，因为即使你做到了这一点，它很可能是一个黑客的方式，并没有真正的可维护性。如果你找到了解决方案，请继续跟进。我把你的问题记在书签里了。由于您使用的是python，您可能希望将flask或django作为后端解决方案。感谢您提供详细的答案。对我来说，没有问题，这些值通常不会被保存，而是使用json很好的解决方法。我更喜欢将复选框放在降价单元格中，因为会有很多文本，然后用户将看不到任何代码，有没有办法集成

---

是否有小部件或其任何扩展？标记单元格呈现为HTML。你基本上可以用JavaScript做同样的事情来保存checkboxesok的状态，即使我把它放在一个代码单元中，标签的长度是有限的，所以如果我需要在复选框旁边显示更长的文本，它将不会完全显示出来，有没有解决方案？有了这个解决方案，我就不能有多行文本，同时插入\n也没有帮助。谢谢您的详细回答。对我来说，没有问题，这些值通常不会被保存，而是使用json很好的解决方法。我更喜欢将复选框放在标记单元格中，因为会有很多文本，然后用户将看不到任何代码，有没有方法集成窗口小部件或任何扩展？标记单元格呈现为HTML。你基本上可以用JavaScript做同样的事情来保存checkboxesok的状态，即使我把它放在一个代码单元中，标签的长度是有限的，所以如果我需要在复选框旁边显示更长的文本，它将不会完全显示出来，有没有解决方案？有了这个解决方案，我就不能有多行文本，同时插入\n也没有帮助