JSFiddle - React, Tailwind, and code Playground

HTML

<label for='sec_tout'><input type='checkbox' name='sec_tout' id='sec_tout' class='checksec' />Tout</label>
		<label for='sec_test1'><input type='checkbox' name='sec_test1' id='sec_test1' class='checksec' />Test1</label>
		<label for='sec_test2'><input type='checkbox' name='sec_test2s' id='sec_test2' class='checksec' />Test2</label>
		<label for='sec_test3'><input type='checkbox' name='sec_test3' id='sec_test3' class='checksec' />Test3</label>
		<label for='sec_test4'><input type='checkbox' name='sec_test4' id='sec_test4' class='checksec' />Test4</label>
		<label for='sec_test5'><input type='checkbox' name='sec_test5' id='sec_test5' class='checksec' />Test5</label>
		<label for='test6'><input type='checkbox' name='sec_test6' id='sec_test6' class='checksec' /> Test6</label>
		<label for='sec_test7'><input type='checkbox' name='sec_test7' id='sec_test7' class='checksec' />Test7</label>

JavaScript

$('document').ready(function(){
    $('#sec_tout').click(function(){
        if($(this).is(':checked')){
            $('.checksec').attr("checked",true);
        }
        else{
            $('.checksec').attr("checked",false);
        }
    })
});