title: Kendo UI - JavaScript checkbox value submit to DataSource read
body: <p>I am a beginner in Kendo Ui and also JavaScript programming. I have a simple question how to submit the value from my checkbox to dataSource transport : read?</p>
  
  <p>so "getMarketData.php" able to get "c1" value (active) and reload in the same page again.</p>
  
  <p>Here I provide my code.</p>
  
  <p>My checkbox :</p>
  
  <pre><code>&lt;input type="checkbox" id="c1" name="checkbox1" class="k-checkbox" checked="checked" value="active" onclick="checkBox()"&gt;
  </code></pre>
  
  <p>My Javascript</p>
  
  <pre><code>&lt;script&gt;
  
  $(function() {
      var dataSource = new kendo.data.DataSource({
                  transport: {
                      read: {
                          url: "/getMarketData.php",
                          type: "POST"
                      }
                  },
                  schema: {
                      model: {
                          id: "marketID"
                      }
                  }
      });
  });
  
  function checkBox() {
  
      var checkbox = document.getElementById("c1");
  
      if (checkbox.checked == true) { 
          //pass "active" data
          $("#grid").data("kendoGrid").refresh();
          $("#grid").data("kendoGrid").dataSource.read();     
      } else {    
          if (checkBox.value == 'active') {
              var x = 'inactive';
          }
          //pass "inactive" data
          $("#grid").data("kendoGrid").refresh();
          $("#grid").data("kendoGrid").dataSource.read();
      }
  }
  </code></pre>