title: Select only one checkbox for a given row in mulitple selection - jQuery
body: <p>in the below gridview i have two checkboxs 
  1) approve and 2) reject <br>
  <strong>my question is:</strong> how can i restrict the user to select only one checkbox for a given row which is approve or reject? NOT both.</p>
  
  <pre><code>  &lt;asp:GridView ID="routePlanGridView" runat="server" AutoGenerateColumns="False" &gt;        
              &lt;Columns&gt;          
               &lt;HeaderTemplate&gt;[Select All]&lt;br /&gt;
                  &lt;asp:CheckBox ID="chkApproveAll" runat="server" onclick="SelectAll(this, '.selectapprove'); " /&gt;
              &lt;/HeaderTemplate&gt;
               &lt;asp:TemplateField HeaderText="approve"&gt;
                  &lt;ItemTemplate&gt; 
                      &lt;div class="selectreason"&gt;
                          &lt;asp:CheckBox CssClass="selectme" ID="chkapprove" runat="server" Checked="false"&gt;
                          &lt;/asp:CheckBox&gt;
                       &lt;/div&gt;
                  &lt;/ItemTemplate&gt; 
              &lt;/asp:TemplateField&gt;
              &lt;asp:TemplateField HeaderText="reject"&gt;
   &lt;HeaderTemplate&gt;[Select All]&lt;br /&gt;
                  &lt;asp:CheckBox ID="chkRejectAll" runat="server" onclick="SelectAll(this, '.selectreject'); " /&gt;
              &lt;/HeaderTemplate&gt;
  
                  &lt;ItemTemplate&gt; 
                      &lt;div class="selectreason"&gt;
                          &lt;asp:CheckBox CssClass="selectme" ID="chkreject" runat="server" Checked="false"&gt;
                          &lt;/asp:CheckBox&gt;
                       &lt;/div&gt;
                  &lt;/ItemTemplate&gt; 
              &lt;/asp:TemplateField&gt;
              &lt;/Columns&gt;
          &lt;/asp:GridView&gt;
  </code></pre>