0

私の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チェックボックスの値をチェックしたい。誰かが知っているなら、方法を共有してください。

4

2 に答える 2

3

あなたは次のようなことをすることができます：

(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/

于 2012-08-14T13:17:20.163 に答える
0

または、ここを調べて、自分の状況についても同じことを行います（正常に回答された質問）：

HTMLテーブルデータをjQueryでJSONオブジェクトに変換します

幸運を祈ります。これがお役に立てば幸いです。

于 2012-08-14T20:16:29.550 に答える