Checking box parent should check all children boxes

MatthijsG · 2022-07-07T07:58:59.815Z

Using checkboxes, i use often parent and child boxes to structure tasks in parts.

AFAIK it is not possible to check the parent box and as an action all child boxes will be checked automatically.
Keep from Google has this and it's very convenient.

Is it possible to implent this or is there somewhere a hidden function to do this?

tomasz86 · 2022-07-07T09:29:56.547Z

There's no functionality like that now. I also agree that it would be quite useful though , especially when dealing with long lists.

Imperial_Squid · 2022-07-14T21:21:24.856Z

It's a reasonable idea but I disagree that it should be implemented since this only works for tasks where every subtask is a requirement for completing the full task, if you have any optional tasks, this would force you to, possibly imcorrectly, mark them as complete... The system currently is admittedly more fiddly but much more flexible which is more important imo...

tomasz86 · 2022-11-14T12:30:34.893Z

Just for the record, I've managed to achieve this with the following custom CSS (placed in userstyle.css).

.checked .joplin-checklist > li:not(.checked)::before {
	content: "\f14a"
}

Stefanie · 2023-01-06T19:50:13.402Z

Hi Thomasz
i tried your code and went happy instantly. Would love this function SOOOO much.
But with me its like this:
If all child items are unchecked i can toggle all of them between checked/uncheck with clicking parent.
But when a child is manualy checked before, it becomes NOT unchecked with clicking parent.

Is there a solution for unchecking all?
I have some checklist for rountines. And after checking all of them i wanna have them unchecked next time for later use.
Any help is appreciated.
Thanks a lot
UPDATE:
This htmls code would do what i like. But Joplin doesnot use it. Can i implement it somehow?

<input type="checkbox" />a
<input type="checkbox" />b
<input type="checkbox" />c
<input type="checkbox" />d
<input type="reset" />

tomasz86 · 2023-01-07T13:10:22.087Z

I know what you mean. I've experienced the same problem before. However, I don't think this can be worked around with pure CSS .

Stefanie · 2023-01-07T13:38:44.317Z

Do you think any other way (Like html oder JS) is possible?
I would appreciate ANY solution.
It is so boring to uncheck every task.
I dont need to check all, only uncheck.
Tried a lot with your code to get it opposite working.

tomasz86 · 2023-01-07T14:03:55.465Z

JS would be able to achieve this, of course, but CSS is all we're allowed to inject into Joplin . I've also tested multiple variations with CSS but neither worked, unfortunately.

Stefanie · 2023-01-07T14:33:29.208Z

Thank you VERY much for your time. I googled a lot to learn HOW to implement JS or the very easy HTML Code above.
No I can save time searching that. So i think i have to change my checklists to a real html site.
good karma and a nice 2023 for you