Magento 2 checkout page add class to shipping method on click event

Question

I want to add "active" class on shipping method selection.
Means If I change shipping method then "active" class automatically added to newly selected shipping method and removed from the old selection.

Please see attached image.

I want to use knockout js and I am new to knockout js. Please help me.

Regards

Hiren Shah

Answer 1

Try this code in your custom js or phtml file:

require(['jquery'],function($){
   $(document).on("click", '{RdioButtonClassOrId}', function() {
        $(this).addClass('active');
    });
});