Disabling checkboxes & Internet Explorer
First post, so Hi all!
I got the following issue: I have 2 checkboxes, if 1 checkbox is checked the other should be disabled. The checkboxes have the IDs "#entry_sticky" and "#entry_page". I tried this:
-
$(document).ready(function() {
$("#entry_sticky").change(function() {
if ($("#entry_sticky").is(':checked')) {
$("#entry_page").attr('disabled', 'disabled').siblings("label").attr('class', 'no_float disabled');
} else {
$("#entry_page").removeAttr('disabled').siblings("label").attr('class', 'no_float');
}
});
$("#entry_page").change(function() {
if ($("#entry_page").is(':checked')) {
$("#entry_sticky").attr('disabled', 'disabled').siblings("label").attr('class', 'no_float disabled');
} else {
$("#entry_sticky").removeAttr('disabled').siblings("label").attr('class', 'no_float');
}
});
});
This works in Firefox but in IE6 and IE7 clicking #entry_sticky disable #entry_page, but clicking #entry_page does nothing. Does anyone have a clue?
Thanks
Luke