jquery checkbox

Testing selecting and unselecting checkbox.

by litespeedtdf

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
<ul>
<li>
  Inactivate<input type="checkbox", id="active"/>
</li>
<li>
  J1<input type="checkbox", id="j1"/>
</li>
<li>
  J2<input type="checkbox", id="j2"/>
</li>
<li>
  J3<input type="checkbox", id="j3"/>
</li>
<li>
  J4<input type="checkbox", id="j4"/>
</li>
</ul>

<button id="Test">
Display checked
</button>
<div id="results">

</div>

JavaScript

$(function(){
	$('#active').on('change', function(eventObject){
  	alert($(this).is(':checked'));
    
    /*
  		if($(this).prop('checked') === true){
      		alert('Checked');
      }else{
      		alert('UnChecked');
      }
      */
  });
  
  $('#Test').on('click', function(eventObject){
  	$('input:checkbox').each(function(){
    	alert($(this).attr('id') + ' selected: ' +  $(this).is(':checked'));
    });
  });

});