這是我的一個頁面由兩個表單組成

<form name="frm-example" id="frm-example">
<div class="row">
        <div class="col-md-8">
            <div class="box box-primary">
                <div class="box-header">
                    <h3 class="box-title with-btn">單位維護</h3>
                    <button type="button" class="btn btn-primary pull-right" id="save">儲存</button>
                </div>
                <div class="box-body">
                    <table id="dataTable" class="table table-bordered table-striped table-hover">
                        <thead>
                            <tr>
                                <th>單位</th>
                                <th>名稱</th>
                                <th>A</th>
                                <th>B</th>
                                <th>C</th>
                            </tr>
                        </thead>
                        <tbody id="dataTbody">
                            @if (Model.UnitDto.Count != 0)
                            {
                                for (int i = 0; i < Model.UnitDto.Count(); i++)
                                {
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td>@Html.RadioButtonFor(m => m.UnitDto[i].GROUP_ID, "Dia", new { @class = "fn-rdo", data_type = "radio" })</td>
                                        <td>@Html.RadioButtonFor(m => m.UnitDto[i].GROUP_ID, "ICU", new { @class = "fn-rdo", data_type = "radio" })</td>
                                        <td>@Html.RadioButtonFor(m => m.UnitDto[i].GROUP_ID, "Oth", new { @class = "fn-rdo", data_type = "radio" })</td>                                     
                                    </tr>
                                }
                            }
                            else
                            {
                                
                            }
                        </tbody>
                    </table>
                </div>

            </div>
        </div>      
    </div>
    <div class="row">
        <div class="col-md-8">
            <div class="box box-primary">
                <div class="box-header">
                    <h3 class="box-title with-btn">職稱維護</h3>
                   
                </div>
                <div class="box-body">
                    <table id="dataTable2" class="table table-bordered table-striped table-hover">
                        <thead>
                            <tr>
                                <th>職稱</th>
                                <th>名稱</th>
                                <th>A</th>
                                <th>B</th>
                                <th>C</th>
                                <th>D</th>
                                                       
                            </tr>
                        </thead>
                        <tbody id="dataTbody">
                   @if(Model.JobDto.Count !=0)
                   {
                       for (var i = 0; i < Model.JobDto.Count; i++)
                       {
                           <tr>
                               <td></td>
                               <td></td>
                               <td>@Html.RadioButtonFor(m => m.JobDto[i].GROUP_ID, "DR", new { @class = "fn-rdo", data_type = "radio" })</td>
                               <td>@Html.RadioButtonFor(m => m.JobDto[i].GROUP_ID, "NP", new { @class = "fn-rdo", data_type = "radio" })</td>
                               <td>@Html.RadioButtonFor(m => m.JobDto[i].GROUP_ID, "Nur", new { @class = "fn-rdo", data_type = "radio" })</td>    
                               <td>@Html.RadioButtonFor(m => m.JobDto[i].GROUP_ID, "Oth", new { @class = "fn-rdo", data_type = "radio" })</td>   
                              
                           </tr>
                       }
                   }
                   else
                   {
                       
                   }
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</form>

畫面大致如下

我希望按下儲存時是能將兩個表單的值一起帶入後端，兩個表單共用一個DB
所以我想應該是轉成JSON並帶入controller然後再做處理
這是我找到的參考
https://www.gyrocode.com/articles/jquery-datatables-how-to-submit-all-pages-form-data/#solution-direct

因為我有兩個表格，所以想請問我該如何做才能一起轉成JSON格式一起傳入後端做處理呢?

最後我是這樣處理

 var Unit = new Array();
            var Job = new Array();
            table.$("input[type=radio]:checked").each(function () {
                Unit.push({
                    'GUID': $(this).data('guid'),
                    'GROUP_ID': $(this).val(),
                    'CID': $(this).data('cid'),
                    'MOD_UID': $(this).data('mod-uid'),
                    'MOD_DATE': $(this).data('mod-date'),
                    'CRE_DATE': $(this).data('cre-date'),
                    'CRE_UID': $(this).data('cre-uid'),
                    'GROUP_TYPE': $(this).data('group-type'),
                    'GROUP_NAME': $(this).data('group-name'),
                    'HIS_ID': $(this).data('his-id'),
                });
            })
            table2.$("input[type=radio]:checked").each(function () {
                Job.push({
                    'GUID': $(this).data('guid'),
                    'GROUP_ID': $(this).val(),
                    'CID': $(this).data('cid'),
                    'MOD_UID': $(this).data('mod-uid'),
                    'MOD_DATE': $(this).data('mod-date'),
                    'CRE_DATE': $(this).data('cre-date'),
                    'CRE_UID': $(this).data('cre-uid'),
                    'GROUP_TYPE': $(this).data('group-type'),
                    'GROUP_NAME': $(this).data('group-name'),
                    'HIS_ID': $(this).data('his-id'),
                });
            })
            var UnitAndJobCode = {
                "UnitDto": Unit,
                "JobDto": Job,
            }

這樣就能抓到我想抓得值了