ček unček buttonama

by Petr Haluza

HTML

<div>
    <input class="checkbox" type="checkbox"/>

</div>
<div>
    <button class="button" id="check">Souhlasím</button>
    <button class="button" id="uncheck">Nesouhlasím</button>
</div>

CSS

div
{
    padding:10px;
    margin:5px;
    border: 1px solid black;
}
.button {color:#aaa; border:1px solid; border-radius:3px}
#check.selected {color:#00ab00; background: #bfffc1;}
#uncheck.selected {color:#ea0000;  background: #ffbfc1;}

JavaScript

(function( $ ) {
    $.fn.checked = function(value) {
        if(value === true || value === false) {
            $(this).each(function(){ this.checked = value; });
        } 
    };
})( jQuery );

$(function() {
    $('#check').click(function() {
        $(':checkbox').checked(true);
    });
    
    $('#uncheck').click(function() {
        $(':checkbox').checked(false);
    });

		$('.button').click(function() {
   		$('.button').removeClass('selected');
      $(this).addClass('selected');
		});
});