title: Change button to link in html table?
body: <p>I have buttons in my html table. When I click on button I want to change link button to "Un-Extend" and I click on "Un-Extend" switch back previous button. How can I do that?
  <a href="https://i.stack.imgur.com/N6JDL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N6JDL.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;tbody&gt;
     @foreach (var item in Model)
     {
         &lt;tr&gt;
             &lt;td&gt;
                @item.MemberCustomerName
             &lt;/td&gt;
             &lt;td&gt;
               @item.PositionCodeDescription
             &lt;/td&gt;
             &lt;td&gt;
               @item.MemberMasterCustomer
             &lt;/td&gt;
             &lt;td&gt;
               @item.MemberCustomerEmail
             &lt;/td&gt;
             &lt;td&gt;
               @if (item.EndDate != null)
               {
                    @item.EndDate.Value.ToShortDateString()
               }
             &lt;/td&gt;
             &lt;td&gt;
                  &lt;button id="btnExtend" type="button" class="btn btn-info btn-xs" data-toggle="modal" data-target="#saveExtend" data-value='"@item.CommitteeMasterCustomer"'&gt;Extend&lt;/button&gt;
              &lt;/td&gt;
           &lt;/tr&gt;
  
          }
  </code></pre>
  
  <p></p>