Customizer Get Control Choices on Change

Because this is for a class, and you need to remove the old value and add the new value, you need to send that information to the preview.
I used a bunch of checkboxes, but it would be the same problem for radio inputs or a select. Knowing just the new value isn’t enough.

I wrote javascript for my control for the control pane that initialized the control with a field that contained all the possible values (sent as json in PHP). Then each time the user chooses, the value of the setting is updated to contain the off values, a separator, and the on values. Since I was doing this for classes also, I just used a comma.

Then in the preview script, the single value is split on the separator and the off ones are used with removeClass() and the on ones are used with addClass().

You can see the full code here: https://wordpress.org/themes/twenty8teen

Related Posts:

  1. Repeater field in Customizer
  2. How to upload multiple images with WP_Customize_Media_Control
  3. Is there any way to add placeholder for WordPress Customizer text input fields
  4. How WP_Customize_Background_Image_Control is supposed to work?
  5. How to print the value of a custom control in the Customizer?
  6. Customizer JS API dynamically add sections and controls
  7. Get all registered wp theme customizer sections?
  8. get_theme_mod doesn’t return the theme customizer preview’s new values in after_setup_theme hook
  9. Conditional Logic to Check for Site Icon
  10. How do I check if user input in a field in the customizer is a number?
  11. How to access the nav_menus panel with the customizer api?
  12. How do I conditionally enqueue stylesheets or scripts in theme customizer settings?
  13. Is it possible to conditionally displaying and hiding of customizer controls for each device preview?
  14. Add or remove HTML class with selective refresh?
  15. How to add theme customizer control to specific page?
  16. Section Name for Menu in Theme Customizer
  17. Is it still possible to nest panels within panels within the customizer?
  18. What is the difference between sanitize_text_field() and wp_filter_nohtml_kses()?
  19. How to move Menus customizer section directly under Site Identity?
  20. Make Customizer Load Specific Page
  21. Removing http:// from esc url() for wordpress customizer code
  22. Send data from Customizer Settings to Customizer Preview with settingless control
  23. How to use rgba color from theme customizer color picker
  24. WP Customizer JS Template not saving color field
  25. Hide Text when check box option is ticked in customizer?
  26. site identity section name?
  27. WordPress code editor VS customizer “built-in CSS editor”?
  28. How do i remove the ‘WooCommerce’ section from Customizer in Twenty Sixteen Theme?
  29. Customizer options
  30. How to suppress anchor tag click redirection in customizer preview frame?
  31. How do i add edit shortcut icon in wordpress without using selective refresh
  32. Hide or remove the Remove button in WP_Customize_Image_Control
  33. Dynamic IDs in WordPress Customizer value bindings
  34. What is the name of the setting in the customizer for ‘Display Site Title and Tagline’ checkbox?
  35. Theme Customizer – Hide / grey out settings based on other setting
  36. HTML output via Theme Customizer is not working
  37. How to get customizer to refresh when using radio buttons control
  38. adding checkbox to theme customizer
  39. Customizer notifications for disabled and hidden controls
  40. Is it possible to get the label of a theme customizer option?
  41. How to filter customize_loaded_components from a theme?
  42. Theme Customizer – Text without a setting (a comment or tag)
  43. Why is action customize_register being done twice?
  44. Does theme customizer need theme-customizer.js?
  45. customizer options not showing
  46. Customizer’s “Imported Fonts” – How To Use Them?
  47. Save customizer setting to post meta
  48. JS event similar to render-partials-response in wordpress customiser selective refresh when the request is initialised?
  49. WordPress Customizer checkbox default not working
  50. Insert content between sections in WP customizer
  51. Add customiser controls directly to a panel
  52. How to make customizer settings appear only when image is uploaded?
  53. get_theme_mod only returns false
  54. Get Image Width From WP_Customize_Image_Control() File Set in WP Theme Customizer
  55. How to localize something coming from theme customizer
  56. My background color customizer doesnt work
  57. Initials of email looks strange on WordPress Website
  58. Customizer section gone after adding second
  59. Show/hide section in theme customizer based on selection from another section
  60. Sidebar visibility in {WordPress template Hyerarchy, Newspaper Theme, TagDiv Composer}
  61. How to create a tooltip behind a customizer setting label?
  62. Add Customize posts edit links to selectively refreshed partials [closed]
  63. Amend description of menu location in customizer WordPress
  64. Hooks to watch customizer value change
  65. How to use variable from customizer.php in customizer.js
  66. Output values from Customizer isn’t working
  67. Customizer.js changes not being recognized
  68. What is the id for the widgets section of the WordPress theme customizer?
  69. No option to select home page in theme customizer
  70. WP_Filesystem in custom customize control
  71. WP 3.8 theme customizer error
  72. Adding custom link with get parameter to a menu button
  73. Want to permanently remove pagination number page/2/ in WordPress
  74. How to get a custom field in theme customizer to live update the element in preview window?
  75. How to make a block for header font styling at customizer via function.php?
  76. Theme Customization with WP CLI
  77. Customizer – binding jQuery created controls
  78. @font-face in Customize Control
  79. customizer not working when ever i activate ssl
  80. how to sanitize customizer checkbox control
  81. Adding Custom Image To Header Via New Customizer Setting
  82. Is it possible to ad custom block areas through Customizer that would allow adding Gutenberg blocks?
  83. Creating default object from empty value in wp_customize?
  84. Fetch customizer image and output as an inline css style background image
  85. Why is my custom WordPress Customizer section disappearing after about a second?
  86. Why Settings API Options Override Customizer Settings?
  87. How can I stop widgets from re-executing every time I access the logged-in homepage?
  88. Customizer partial refresh issue with custom option
  89. Issues Saving Long String Option
  90. How to properly delete and rename the custom settings/section/control in theme customizer?
  91. Theme Customizer: issue with default checkbox values
  92. WordPress Customizer Not Setting Custom Settings or Controls
  93. Stop refresh event in customizer
  94. Problem with customizer setting with $id containing ‘widget’
  95. Default Customizer Code
  96. default custom background image not saved in database when creating a new site
  97. My stylesheet doesn’t appear in theme-editor
  98. How to display specific title on Customizer?
  99. How to add CSS to head by php through echo self::css();
  100. How to override javascript in customize-controls.js