Show a Div if only two or more check box checked, using JQuery

Question

Help me to find out to show a div if two or more check box are checked using JQuery only. Please let me know the very simple one.

Answer 1

if($('input:checked').length >= 2) {
   $('div').show();
}

Answer 2

jQuery:

$('input[type=checkbox]').change(function(){
        if($('input:checked').size() > 1){
         $("div").show();   
    }
    else {
         $('div').hide()   
    }
})

HTML:

<input type="checkbox" id="one"></input>
<input type="checkbox" id="one"></input>
<input type="checkbox" id="one"></input>
<div style="display: none;">At least 2 are checked</div>

Try it!