Can you please take a look at This Demo and let me know why the toggle is not functioning well on checking and Un-checking the checkbox?
Here is the code I have:
$(document).ready(function(){
$('.checker').toggle(
function () {
$('#check').attr('Checked','Checked');
},
function () {
$('#check').removeAttr('Checked');
}
);
});
Thanks
Since you are looking for switching the checked state there is no need to use .toggle(). Also use .prop() instead of .attr() to set the checked state
$(document).ready(function () {
$('.checker').click(function () {
$('#check').prop('checked', function (i, checked) {
return !checked
});
});
});
Demo: Fiddle
.toggle() is removed in jQuery 1.9, so better do not use it any further
$('#check').prop('checked', true), to uncheck $('#check').prop('checked', false)var checked = $('#check').prop('checked'); or var checked = $('#check').is(':checked');Try this
$(document).ready(function(){
$('.checker').toggle(
function () {
$('#check').attr('Checked','Checked');
},
function () {
$('#check').prop('checked', false)
}
);
});
Updated fiddle: http://jsfiddle.net/57aq6/
Courtesy of this question: Remove attribute "checked" of checkbox
Now it works I've updated it, the problem was in the attribute Checked and error in the HTML:
jQuery
$(document).ready(function(){
$('.checker').toggle(
function () {
$('#check').attr('checked','checked');
},
function () {
$('#check').removeAttr('checked');
}
);
});
Here is another answer that covers the problem
Actually I don't know what is the problem with this code, but what I use to make this work is using:
$('#check').attr('Checked',true);
and
$('#check').attr('Checked',false);
It works just fine.
