HTML Checkbox says that it is checked/unchecked but it is not
<pre><code>if($(this).prop('checked', true)){
    $(this).prop('checked',false);
        console.log('its checked yo');
    } else if(!$(this).is(':checked')){
        $('[type=checkbox]').prop("checked", false);
        $(this).prop('checked', true);
        console.log("Well this certainly isn't checked");
    }
}
</code></pre>

<p><a href="http://jsfiddle.net/bkj8n/2/#run" rel="nofollow">http://jsfiddle.net/bkj8n/2/#run</a>
So my setup is for a form that adds pricing for different options you select with a checkbox.  For this group of items only one option can be selected at a time.  So when another item gets selected I uncheck all boxes and then check the one that they pick.  I have tried this using .prop() .attr() and more and it hasn't worked.  One of three things happens every time.</p>

<ol>
<li><p>It works and I can only pick one and the others are deselected.  BUT:  I cannot uncheck that item, and the prices (values) for the other checkboxes are added which means that it thinks they are still checked.</p></li>
<li><p>It says they are all checked no matter what.. even if they aren't.  So nothing works.</p></li>
<li><p>The values are added correctly.. I'm only getting one option at a time and I can click that option again to set it back to zero.  BUT:  The check mark doesn't show up in the box.</p></li>
</ol>

<p>This is frustrating me.  Thanks!</p>
