Magento 2 - How to update grand total when shipping method is changed?

Question

How can I update the grand total value when shipping method is changed to reflect new calculation?

When you change the shipping method here,

It must reflect the new calculation in TOTAL section.

Answer 1

I have the solution First of I found its easier to copy all the files into my theme directory.

1. Create the theme directory

   http://devdocs.magento.com/guides/v2.1/frontend-dev-guide/themes/theme-create.html

2. Overwrite Checkout pages

   app/design/frontend/[Vendor]/[Theme]/Magento_Checkout/
   

3. Copy web folder from default theme to your Magento_Checkout

   vendor/magento/module-checkout/view/frontend/Magento_Checkout/web
   

4. Edit Magento_Checkout/web/template/summary/ (totals & grand-total) remove code below from both files.

   <!-- ko if: isDisplayed() -->
   <!-- /ko -->
   

5. Edit Magento_Checkout/web/js/view/shipping.js

   Find selectShippingMethod Function line 215 and add

   setShippingInformationAction();
   

   Should look like this

   selectShippingMethod: function (shippingMethod) {
       selectShippingMethodAction(shippingMethod);
       checkoutData.setSelectedShippingRate(shippingMethod.carrier_code + '_' + shippingMethod.method_code);
       setShippingInformationAction();
       return true;
   },
   

6. Run following commands

   php bin/magento setup:static-content:deploy
   php bin/magento indexer:reindex 
   php bin/magento cache:flush