在 Jupyter NoteBook 中创建单选按钮（Markdown 部分）答案

【问题标题】：Creating Radio Buttons in Jupyter NoteBook (Markdown part)在 Jupyter NoteBook 中创建单选按钮（Markdown 部分）
【发布时间】：2022-03-31 11:50:37
【问题描述】：

只需添加 HTML 代码，我就可以在我的 Jupyter Notebook（在 Collab 上运行）的 Markdown（文本）部分添加一些 HTML：

  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label>

我想添加一些单选按钮：它们显示正确

...但它们的行为类似于“复选框”（即您可以有多个选择）。

可能是因为 CSS 部分处理不当或name 未存储？

无论如何，关于如何正确呈现单选按钮的任何想法？

谢谢

【问题讨论】：

标签： html jupyter-notebook radio-button markdown google-colaboratory

【解决方案1】：

可能比您需要的答案晚，但如果其他人来这里有类似的问题，我发现使用小部件而不是原始 HTML 表单元素效果更好。例如：

from ipywidgets import interact, interact_manual, widgets

fav_lang_w = widgets.RadioButtons(
    options=['HTML', 'CSS', 'javascript'],
    value='CSS' #said no one ever
)
def update_lang():
    global fav_lang
    fav_lang = fav_lang_w.value
    display('your favorite language is ' + fav_lang)

submit_btn = interact_manual(update_misc)
submit_btn.widget.children[0].description = 'Submit'
display(submit_btn)
display(fav_lang_w)

【讨论】：