How to add class to div based on radio button selected in it?

by

You can do this with pure CSS, no need for JS (if styling is your only aim)

CSS:

input[type=checkbox]:checked ~ div {
    some styles....
}

Ideally you will use class names and not tag names for the above.

More Related Contents:

  1. How can I custom-format the Autocomplete plug-in results?
  2. Long Press in JavaScript?
  3. How to use source: function()… and AJAX in JQuery UI autocomplete
  4. Is it possible to save HTML page as PDF using JavaScript or jquery?
  5. $(document).ready(function() VS $(function(){ [duplicate]
  6. Passing data to a jQuery UI Dialog
  7. Benefits vs. Pitfalls of hosting jQuery locally [closed]
  8. How to change date format (MM/DD/YY) to (YYYY-MM-DD) in date picker
  9. jQuery Deferred and Dialog box
  10. How to make supported on all browsers? Any alternatives?
  11. Is there a full working example for a jqGrid ColumnChooser? [closed]
  12. Vertical Tabs with JQuery?
  13. jQuery UI autocomplete with item and id
  14. Change CSS properties on click
  15. How to get the date from jQuery UI datepicker
  16. Check if date is in the past Javascript
  17. Disable future dates after today in Jquery Ui Datepicker
  18. Custom “confirm” dialog in JavaScript?
  19. jQuery Datepicker: Prevent closing picker when clicking a date
  20. JQuery – animate moving DOM element to new parent?
  21. Autocomplete requires you to click twice in iOS after update to 1.11.0
  22. How to get value from jQuery UI slider?
  23. How to change tabs programmatically in jquery-ui 1.9?
  24. script order for jquery with bootstrap
  25. Highcharts – Keep tooltip showing on click
  26. Programmatically drag and drop element onto another element
  27. changing text periodically in a span from an array with jquery
  28. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  29. jQuery UI DatePicker to show year only
  30. Returning value from confirmation dialog using JQuery UI dialog

Leave a Comment