title: Bootstrap checkbox table
body: <p>I have the following bootstrap table.I want to get the selection checkbox but when i will click the button it is not working.
  Here is my table:</p>
  
  <pre><code>&lt;div class="main"&gt;
              &lt;button class="btn btn-default" id="get-selections"&gt;
                  Get Selections
              &lt;/button&gt;
  
  
          &lt;table id="table-methods-table" data-toggle="table" data-url="data_out.json" data-height="200"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th data-field="state" data-checkbox="true"&gt;&lt;/th&gt;
                  &lt;th data-field="PatName"&gt;Name&lt;/th&gt;
                  &lt;th data-field="KinID"&gt;Stars&lt;/th&gt;
                  &lt;th data-field="Service"&gt;Forks&lt;/th&gt;
  
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;/table&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>And here is my javascript:</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
  
  
      $("#table-methods").next().click(function () {
          $(this).hide();
  
          var id = 0,
              getRows = function () {
                  var rows = [];
  
                  for (var i = 0; i &lt; 10; i++) {
                      rows.push({
                          id: PatName,
                          name: 'test' + PatName,
                          price: '$' + PatName
                      });
                      id++;
                  }
                  return rows;
              },
              // init table use data
              $table = $("#table-methods-table").bootstrapTable({
                  data: getRows()
              });
          $("#get-selections").click(function () {
  
              alert("Selected values: " + JSON.stringify($table.bootstrapTable("getSelections")));
          });
      }); 
  });
  </code></pre>
  
  <p>How can get the selection checkbox?</p>