Get Dynamic json using by check box click

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  Hello, {{name}}!
  
   <li ng-repeat="col in cols">
    <label>{{col.dpname}}</label>
    <span ng-if="displayName">
       <input type="checkbox" ng-model="chkValues[$index]">
    </span>
   
    <div ng-show="chkValues[$index]">
       <input type="text" ng-model="col.qparam">
       <input type="button" value="submit">
    </div>
   </li> 
  
</div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

myApp.controller('MyCtrl',function($scope) {
    $scope.name = 'Superhero';
  
  $scope.cols=[
    {"dpname":"partname","search":'',"qparam":'test'}
    ,{"dpname":"partid","search":'',"qparam":''}
    ,{"dpname":"partdesc","search":'',"qparam":''}];
    
  $scope.chkValues = $scope.cols.map(function(){
  	return false;
  });  
   
    
    
});