Markdown clickable checkbox

Question

In Markdown using <input type="checkbox"/> or - [ ] there will give me a white box, which can not be checked by click. Any idea how to implement there a clickable checkbox for progress documentation. I guess i need a extension but which is working for jupyterlab?

Example:

• [ ] do this and that and then do that (so longer tex)
• [ ] another long text
• [ ] click to document your progess, put after finishing the task, no saving is needed of the checkmarks.

Answer 1

while - [ ] gives you empty checkboxes, - [x] will be rendered as a checked checkbox. Here's a demo in GitHub's flavor:

- [ ] unchecked
- [x] checked

which will be rendered as:

Note that things like HTML radio buttons and checkboxes, while interactive, are not permanent changes on your document unless you have a backend code to save the changes by changing the HTML tags.

See this:

label {
  padding-left: 5px;
}

input {
  float: left;
}

<div>
  <input type="checkbox" name="uchk">
  <label for="uchk">Unchecked.</label>
</div>
<div>
  <input type="checkbox" name="chk" checked>
  <label for="chk">Checked.</label>
</div>

Furthermore, I don't think you'd really want your markdown document to have clickable checkboxes, it reduces from immersion and also if they are going to be permanent it's easy for anyone to change it.