Find centralized, trusted content and collaborate around the technologies you use most.
Learn more about CollectivesStack Internal
Knowledge at work
Bring the best of human thought and AI automation together at your work.
Explore Stack Internal You can use the .is(':checked') method which returns true if an element is checked, otherwise it returns false.
$('input').on('click', function(){ isChecked = $(this).is(':checked') if(isChecked){ $('html').css('background-color','green') } else{ $('html').removeAttr('style') } })<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label><input type="checkbox"> Try me </label> You can use the .is(':checked') method which returns true if an element is checked, otherwise it returns false.
$('input').on('click', function(){ isChecked = $(this).is(':checked') if(isChecked){ $('html').css('background-color','green') } else{ $('html').removeAttr('style') } })<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label><input type="checkbox"> Try me </label> You can use the .is(':checked') method which returns true if an element is checked, otherwise it returns false.
$('input').on('click', function(){ isChecked = $(this).is(':checked') if(isChecked){ $('html').css('background-color','green') } else{ $('html').removeAttr('style') } })<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label><input type="checkbox"> Try me </label> You can use the .is(':checked') method which returns true if an element is checked, otherwise it returns false.
Using .is(':checked') method and a conditional statement to change the background-color
$('input').on('click', function(){ isChecked = $(this).is(':checked') if(isChecked){ $('html').css('background-color','green') } else{ $('html').removeAttr('style') } })<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label><input type="checkbox"> Try me </label> You can use the .is(':checked') method which returns true if an element is checked, otherwise it returns false.
Using .is(':checked') method and a conditional statement to change the background-color
$('input').on('click', function(){ isChecked = $(this).is(':checked') if(isChecked){ $('html').css('background-color','green') } else{ $('html').removeAttr('style') } })<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label><input type="checkbox"> Try me </label> You can use the .is(':checked') method which returns true if an element is checked, otherwise it returns false.
$('input').on('click', function(){ isChecked = $(this).is(':checked') if(isChecked){ $('html').css('background-color','green') } else{ $('html').removeAttr('style') } })<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label><input type="checkbox"> Try me </label> You can use the .is(':checked') method which returns true if an element is checked, otherwise it returns false.
Using element.is(':checked') method and a conditional statement to change the background-color
$('input').on('click', function(){ is_checkedisChecked = $(this).is(':checked') if(is_checkedisChecked){ $('html').css('background-color','green') } else{ $('html').removeAttr('style') } })<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label><input type="checkbox"> Try me </label> Using element.is(':checked') method to change the background-color
$('input').on('click', function(){ is_checked = $(this).is(':checked') if(is_checked){ $('html').css('background-color','green') } else{ $('html').removeAttr('style') } })<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label><input type="checkbox"> Try me </label> You can use the .is(':checked') method which returns true if an element is checked, otherwise it returns false.
Using .is(':checked') method and a conditional statement to change the background-color
$('input').on('click', function(){ isChecked = $(this).is(':checked') if(isChecked){ $('html').css('background-color','green') } else{ $('html').removeAttr('style') } })<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label><input type="checkbox"> Try me </label>