if checkbox checked add class to parent element

by

Try this…

$(":checkbox").on('click', function(){
     $(this).parent().toggleClass("checked");
});

Example

Greetings.

More Related Contents:

  1. Changing the child element’s CSS when the parent is hovered
  2. jQuery Adding new option to select element doesn't pick up the string [closed]
  3. Slide down button to show text HTML CSS
  4. jQuery if checkbox is checked
  5. Bootstrap 3 Collapse show state with Chevron icon
  6. Add and remove a class on click using jQuery?
  7. css width: calc(100% -100px); alternative using jquery
  8. Number nested ordered lists in HTML
  9. Use jQuery/CSS to find the tallest of all elements [duplicate]
  10. How do I auto-hide placeholder text upon focus using css or jquery?
  11. Set width of a “Position: fixed” div relative to parent div
  12. How to make a hover effect for pseudo elements?
  13. Exporting PDF with jspdf not rendering CSS
  14. How to take id as selector when used hash?
  15. Get height of div with no height set in css
  16. Mobile site – force landscape only / no auto-rotate
  17. calculate the number of html checkbox checked using jquery
  18. Check, using jQuery, if an element is ‘display:none’ or block on click
  19. How can I tell if a particular CSS property is inherited with jQuery?
  20. Change button text jquery mobile
  21. How to handle change of checkbox using jQuery?
  22. Can an iframe only show a certain part of the page?
  23. CSS issue on Twitter Typeahead with Bootstrap 3
  24. How to keep footer at the bottom even with dynamic height website
  25. Google Chrome viewport-anchored expand direction with flexbox
  26. JQuery search in static HTML page with highlighting of found word
  27. The .fadeOut() method to use visibility property instead of display property
  28. Bootstrap Carousel showing next and previous image
  29. Possible to have a floating horizontal scrollbar?
  30. addClass and removeClass in jQuery – not removing class

Leave a Comment