Checkbox group

Display #element when at least one of the checkboxes is selected

by Premchand R

HTML

<form>
    <div class="group">
        <label>
            <input name="check[]" id="ch1" type="checkbox" value="1"/>
            Option 1
        </label>
        <label>
            <input name="check[]" id="ch2" type="checkbox" value="2"/>
            Option 2            
        </label>
        <label>
            <input name="check[]" id="ch3" type="checkbox" value="3"/>
            Option 3  
        </label>
        <label>
            <input name="check[]" id="ch4" type="checkbox" value="4"/>
            Option 4
        </label>
        <label>
            <input name="check[]" id="ch5" type="checkbox" value="5"/>
            Option 5
        </label>
    </div>
    <div id="hidden">
        <p>Hidden message</p>
    </div>    
</form>

CSS

#hidden{display:none;}

JavaScript

$('input[name="check[]"]').click(function(e){
		alert()
		console.log(e)
});