JSFiddle - React, Tailwind, and code Playground

by mauro_nappolini

HTML

<label for="cb1">CheckBox 1</label>
    <input type="checkbox" value="cb1"/>
    <br/>
  
    <label for="cb2">CheckBox 2</label>
    <input type="checkbox" value="cb2"/>
    <br/>
  
    <label for="cb3">CheckBox 3</label>
    <input type="checkbox" value="cb3"/>
    <br/>
  
    <label for="cb4">CheckBox 4</label>
    <input type="checkbox" value="cb4"/>
    <br/>
  
    <label for="cb5">CheckBox 5</label>
    <input type="checkbox" value="cb5"/>
    <br/>
  
    <br/>
    <input type="button" 
           value="Uncheck all checkboxes but first" 
           id="btnUncheckAll"/>

JavaScript

$(document).ready(function () {
            $('#btnUncheckAll').click(function () {
                $('input[type=checkbox]').each(
                  function (index, checkbox) {
                    if (index != 0) {
                        checkbox.checked = false;
                    }
                });
            });
        });