JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<input type = "radio" id="radio">


<table class="table funds-table">
              <thead class="table-head">
                <tr>
                  <th id="equity-text">EQUITY</th>
                  <th id="eq-show-less">SHOW LESS</th>
                  
                </tr>
              </thead>
              
                <tbody id = "equity-body">
                <tr>

                  <td class = "fund-name">

                    <div class = "col-xs-1 padding-lr-zero checkbox-div"><input type="checkbox" id = "checkbox1">
                      <label for="checkbox1"><span class="checkbox"><img src="icons/check_dis.png"></span></label></div>

                    <div class = "col-xs-11 fund-name-div"><span class = "span-fund-name">HDFC DYNAMIC FUND HDFC DYNAMIC FUND HDFC DYNAMIC</span><p class = "currently-inv"> Currently invested <span class = "curr-span-amt">Rs. 50,000</span></p></div>
                    
                    </td>
                  
                  <td class = "fund-amount"><p class = "fund-amount-inner">Rs. 50,00,000</p></td>
                </tr>

                <tr>

                  <td class = "fund-name">

                    <div class = "col-xs-1 padding-lr-zero checkbox-div"><input type="checkbox" id = "checkbox2">
                      <label for="checkbox2"><span class="checkbox"><img src="icons/check_dis.png"></span></label></div>

                    <div class = "col-xs-11 fund-name-div"><span class = "span-fund-name">HDFC DYNAMIC FUND HDFC DYNAMIC FUND HDFC DYNAMIC</span></div>
                    
                    </td>
                  
                  <td class = "fund-amount"><p class = "fund-amount-inner">Rs. 50,00,000</p></td>
                </tr>


              </tbody>

JavaScript

if($('#radio').is(":checked",true)){
		
    $('.checkbox-div input[type="checkbox"]').attr('checked',true);
}