title: Allowing only a single checkbox to be checked is a datatable with a checkbox column?
body: <p>I am using jQuery datatables to show some tabular data with a checkbox column as the first column.</p>
  
  <pre><code>&lt;div&gt;
      &lt;table style="width:100%" id="resultsTable" class="table table-striped table-bordered"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;
                      Approve
                  &lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;&lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>function BindData() {
      $('#resultsTable').DataTable({
          "sAjaxSource": "/Jumbo/GetallResults",
          "bProcessing": true,
          "bStateSave": true, 
          "aoColumns": [{
              "sName": "",
              "sClass": "checkbox-column",
              "mRender": function () {
                  return ' &lt;input type="checkbox" /&gt;';
              }
          },{
              "sName": "Colors",
              "bSortable": true,
              "mRender": function (data,type, full) {
                  return '&lt;span title=\"' + full[0] + '\"&gt;' + full[0] + '&lt;/span&gt;';
              }
          }]
      });
  }
  
  $('#resultsTable').on('change','.check', function() {
      var $checkboxes = $('#resultsTable').find('.check');
      var $checked = $checkboxes.filter(function() { return this.checked; });
  });
  </code></pre>
  
  <p>That renders a grid in which each row has a checkbox in the first column.</p>
  
  <p>I need a way to make it work in such a way that at any given instance only one checkbox is allowed to be checked.</p>
  
  <p>Can someone guide me through this? Thanks in advance.</p>