JSFiddle - React, Tailwind, and code Playground

by mesak

HTML

<div id="ManagerAddForm">
                <a href="javascript:;" class="btn_selectall">CheckAll</a> |
                <a href="javascript:;" class="btn_selectall_no">UnCheckAll</a><br/>
                <input type="checkbox" name="SubModuleID[]" value="123" class="chk" /> ..1 <br/>
                <input type="checkbox" name="SubModuleID[]" value="223" class="chk" /> ..2 <br/>
                <input type="checkbox" name="SubModuleID[]" value="323" class="chk" /> ..3 <br/>
                <input type="checkbox" name="SubModuleID[]" value="423" class="chk" /> ..4 <br/>
                <input type="checkbox" name="SubModuleID[]" value="523" class="chk" /> ..5 <br/>
            </div>
            <div id="ManagerAddForm2">
                <a href="javascript:;" class="btn_selectall">CheckAll</a> |
                <a href="javascript:;" class="btn_selectall_no">UnCheckAll</a><br/>
                <input type="checkbox" name="SubModuleID[]" value="123" class="chk" /> ..1 <br/>
                <input type="checkbox" name="SubModuleID[]" value="223" class="chk" /> ..2 <br/>
                <input type="checkbox" name="SubModuleID[]" value="323" class="chk" /> ..3 <br/>
                <input type="checkbox" name="SubModuleID[]" value="423" class="chk" /> ..4 <br/>
                <input type="checkbox" name="SubModuleID[]" value="523" class="chk" /> ..5 <br/>
            </div>

JavaScript

$("a.btn_selectall").bind('click',function() {
      $(':checkbox',$(this).parent() ).attr('checked',true)
    });

    $("a.btn_selectall_no").bind('click',function() {
      $(':checkbox',$(this).parent() ).attr('checked',false)
    });