[Resolved] Styling the parent’s parent of checked checkbox

[Author]

Posts

[robertC-18]

Tell us what you are trying to do? I am trying to style the parent's parent of a checked checkbox.

Is there any documentation that you are following? I am following this support ticket from 2014: https://toolset.com/forums/topic/label-styling-of-checked-checkbox/ but it doesn't seem to be working for me. Admittedly I am awful at Javascript / jQuery so I'm probably doing something wrong that's incredibly obvious to you!

I have added this code to the JS editor of the Search and Pagination section in the view:
jQuery( function active_label(){
$('input[checked=checked]').parent().parent().addClass('active');
});

Is there a similar example that we can see? Not to my knowledge.

What is the link to your site? The page where I'm expecting the results to be is here: hidden link

[Luo Yang]

Hello,

There isn't such kind of built-in feature within Toolset plugins, it needs custom codes, and I have checked the URL you mentioned above, there are some JS errors in your website:

Uncaught TypeError: $ is not a function

Since it is a custom codes problem, please share your website credentials in below private message box, I need to test and debug it in a live website, thanks

[Luo Yang]

Thanks for the details, I have done below modifications in your website:
Edit the post view:
hidden link
modify the custom JS codes to:

jQuery( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) {
	/**
	* data.view_unique_id (string) The View unique ID hash
	* data.layout (object) The jQuery object for the View layout wrapper
	*/
	jQuery('input[checked=checked]').parent().parent().addClass('active');
	
});

Please check if it is what you want, thanks

[robertC-18]

My issue is resolved now. Thank you so much! You helped me immensely!!