轉換HTML表格JSON

Question

在我MVC 3 Razor觀點，我有一個table with check-boxes如下

<table border="1" id="permiison"> 
<thead> 
    <tr><th style="width:0px"></th><th>Menu Name</th><th>Add</th> <th>Edit</th><th>Authorize</th><th>View</th></tr> 
</thead> 
<tbody> 
    <tr id="per_tr"> 
    <td style="width:0px">10</td><td></td><td><input type="checkbox" checked="True" style="width:80px" id="chkAdd"></td><td><input type="checkbox" checked="True" style="width:80px"></td><td><input type="checkbox" checked="True" style="width:80px"></td> <td><input type="checkbox" style="width:80px" checked="True"></td> 
    </tr> 

    <tr id="per_tr"><td style="width:0px">11</td><td><span style="width:150px">Group</span></td><td><input type="checkbox" checked="True" style="width:80px" id="chkAdd"></td><td><input type="checkbox" checked="True" style="width:80px"></td><td><input type="checkbox" checked="True" style="width:80px"></td> <td><input type="checkbox" style="width:80px" checked="True"></td> 

    </tr> 
</tbody> 
</table> 

我想convert the table into json用的複選框選中值。 如果有任何機構知道請分享該方法。

Answer 1

你可以這樣做：

(function($){ 
    var getJsonFromTable = function() 
     { 
      var rows = []; 
      $('#permiison tbody tr').each(function(i, n){ 
       var $row = $(n); 
       rows.push({ 
        id: $row.find('td:eq(0)').text(), 
        name: $row.find('td:eq(1)').text(), 
        add: $row.find('td:eq(2) input[type=checkbox]').prop('checked'), 
        edit: $row.find('td:eq(3) input[type=checkbox]').prop('checked'), 
        authorize: $row.find('td:eq(4) input[type=checkbox]').prop('checked'), 
        view: $row.find('td:eq(5) input[type=checkbox]').prop('checked'),            
       });     
      }); 
      return JSON.stringify(rows); 
     }; 
    $(function(){   
    console.log(getJsonFromTable()); 
    }); 
})(jQuery); 

http://jsfiddle.net/PKFaE/

Answer 2

或可考慮在這裏和你自己的情況做同樣的（它成功地回答問題）：

convert a HTML table data into a JSON object in jQuery

祝你好運，希望這對你有所幫助。