checked

by Mariya Gnitetckaya

HTML

<label for="check"><input type="checkbox" checked="checked" id="check">Check</label>

<a href="" class="prop">prop</a>
<a href="" class="prop-false">prop false</a>
<a href="" class="remove">remove</a>
<a href="" class="attr">attr</a>

CSS

a{
  display: inlne-block;
  margin: 0 10px;
  vertical-align: top;
}

label{
  display: block;
  margin: 0 0 20px;
}

JavaScript

$('.prop-false').on("click", function(e){
	e.preventDefault();
  $('#check').prop('checked', false)
})

$('.prop').on("click", function(e){
	e.preventDefault();
  $('#check').prop('checked', '')
})

$('.remove').on("click", function(e){
	e.preventDefault();
  $('#check').removeAttr('checked')
})

$('.attr').on("click", function(e){
	e.preventDefault();
  $('#check').attr('checked', '')
})