Profile: Junichiro Taira

Problem:
In a Custom Search View, how to change radio button background color after click?

Solution:
1. In View >> Custom Search Settings >> select “Always show all values for inputs” and add this css and modify as needed:

 
.radio.active label {
    background-color: #ebebeb;
}

2. In Filter Editor >> JS editor >> please add this JS and modify as needed:

jQuery(document).ready(function($){
    $(document).on('click','.wpv-filter-form .radio', function(){
        $('.wpv-filter-form .radio').removeClass('active');
        $(this).addClass('active');
    });
});