jQuery1.6.1 attr prop

by calpo

HTML

<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>

<input type="checkbox" id="cb1" checked>
&lt;input type=&quot;checkbox&quot; id=&quot;cb1&quot; checked&gt;<br>
<div id="cb1_txt"></div>

<br><br>

<input type="checkbox" id="cb2" checked="checked">
&lt;input type=&quot;checkbox&quot; id=&quot;cb1&quot; checked=&quot;checked&quot;&gt;<br>
<div id="cb2_txt"></div>

JavaScript

$(function(){
    var $cb1_attr = $('#cb1').attr('checked');
    var $cb2_attr = $('#cb2').attr('checked');
    var $cb1_prop = $('#cb1').prop('checked');
    var $cb2_prop = $('#cb2').prop('checked');
    
    $('#cb1_txt').html(
        'attr = '+ $cb1_attr +' ('+ typeof $cb1_attr +')<br>'+
        'prop = '+ $cb1_prop +' ('+ typeof $cb1_prop +')'
    );
    
    $('#cb2_txt').html(
        'attr = '+ $cb2_attr +' ('+ typeof $cb2_attr +')<br>'+
        'prop = '+ $cb2_prop +' ('+ typeof $cb2_prop +')'
    );
});