JSFiddle - React, Tailwind, and code Playground

by jimena

HTML

<div class="hide" id="states">
							<div class="control-group">							
								<label class="control-label">Seleccione</label>
								
								<div class="controls">

									<label class="checkbox span4">
										<input type="checkbox" class="all" value="all" id="allstates" name="all"/>Todas
									</label>
									<label class="checkbox span4">
										<input type="checkbox" value="Caba" id="" name="st[]"/>Ciudad Autónoma de Buenos Aires
									</label>
									<label class="checkbox span4">
										<input type="checkbox" value="Buenos Aires" id="" name="st[]"/> Buenos Aires
									</label>
									<label class="checkbox span4">
										<input type="checkbox" value="Catamarca" id="" name="st[]"/> Catamarca
									</label>
									<label class="checkbox span4">
										<input type="checkbox" value="Chaco" id="" name="st[]"/> Chaco
									</label>

									<label class="checkbox span4">
										<input type="checkbox" value="Chubut" id="" name="st[]"/> Chubut
									</label>
									<label class="checkbox span4">
										<input type="checkbox" value="Cordoba" id="" name="st[]"/> Córdoba
									</label>
									<label class="checkbox span4">
										<input type="checkbox" value="Corrientes" id="" name="st[]"/> Corrientes
									</label>
									<label class="checkbox span4">
										<input type="checkbox" value="Entre Rios" id="" name="st[]"/> Entre Ríos
									</label>
									<label class="checkbox span4">
										<input type="checkbox" value="Formosa" id="" name="st[]"/> Formosa
									</label>
									<label class="checkbox span4">
										<input type="checkbox" value="Jujuy" id="" name="st[]"/> Jujuy
									</label>
									<label class="checkbox span4">
										<input type="checkbox" value="La Pampa" id="" name="st[]"/> La Pampa
									</label>
									<label class="checkbox span4">
										<input type="checkbox" value="La Rioja" id="" name="st[]"/> La Rioja
									</label>

									<label...

JavaScript

$('#allstates').click(function() {
    var c = this.checked;
    $(':checkbox').prop('checked',c);
});