<p>I made two versions.</p>
<p>The first one is using vanilla JavaScript, and the second one is using React.</p>
<p>Below are the examples.</p>
<h2 id="heading-vanilla-javascript-version">Vanilla JavaScript Version</h2>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codesandbox.io/s/checkbox-check-all-n83jrj">https://codesandbox.io/s/checkbox-check-all-n83jrj</a></div>
<h2 id="heading-react-version">React Version</h2>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codesandbox.io/s/checkbox-check-all-react-tnc26w">https://codesandbox.io/s/checkbox-check-all-react-tnc26w</a></div>


I made two versions.

The first one is using vanilla JavaScript, and the second one is using React.

Below are the examples.

## Vanilla JavaScript Version

%[https://codesandbox.io/s/checkbox-check-all-n83jrj]

## React Version

%[https://codesandbox.io/s/checkbox-check-all-react-tnc26w]

examplist

examplist

Checkbox Check All

Table of contents

Vanilla JavaScript Version

React Version