javascript - 类别与Codeigniter中带有复选框的每个类别的兼容性

我有一类化学品，需要检查每种化学品与“自我”和“其他”的兼容性。带有复选框的循环内的循环。1.无法通过javascript单击隐藏元素来设置值；2.随着24个类别的数据增加到14000+个奇数条目，我该如何进行和优化。3.建议使用逗号分隔值或单独输入？4.从同一页上的数据库表中获取数据时，如何编辑记录并保持选中复选框

这是代码：

控制者

public function compactibility_chart_master(){
    $data['title'] = 'Compactibility Chart Master';
    $this->form_validation->set_rules('category[]', 'Category Name','required|trim|xss_clean');
    if($this->form_validation->run() === FALSE){
        $data['category'] = $this->admin_model->get_all_active_entities('tbl_category');
        $this->load->view('admin/compactibility_chart_master',$data);
    }else{
        $this->admin_model->set_compactibility_chart_master();
        $this->session->set_flashdata('success','Compacitibiliy Chart Master updated Successfully');
        redirect('compactibility_chart_master', 'refresh');
    }
}

模型

public function set_compactibility_chart_master(){
    $post = $this->_array_remove_null($this->input->post());
    $insertdata = array();
    for($z=0;$z<count($post['cat_cat']);$z++){
        foreach($post['cat_cat'] as $values){
            $insertdata[] = array(
                'category'          => $post['category'][$z],
                'category_compact'  => $values,
            );
        }
    }
    $this->db->insert_batch('tbl_compactibility_master',$insertdata);
    return true;
}

视图

<form name="compatibility_form" id="compatibility_form" method="post"  enctype="multipart/form-data" data-parsley-validate>
    <table class="table table-bordered" width="100%">
        <?php if(!empty($category)){ foreach($category as $cat_results){ ?>
        <tr class="data">
            <th>
                <button class="btn btn-primary btn-sm my-2" type="button"><?=$cat_results->category_name;?></button>
                <input type="hidden" name="category[]" class="categooryclass" value="<?=$cat_results->id;?>">
            </th>                           
            <td>
            <div class="row">
                <?php if(!empty($category)){ foreach($category as $key => $cat_res){ $get_single = $this->admin_model->get_single_record_compactibility($cat_results->id);  ?>
                <div class="col-md-6">
                    <div class="form-check-inline">
                        <label class="form-check-label">
                        <input type="checkbox" class="form-check-input my-2 checkedme" name="catcat[]" value="<?=$cat_res->id;?>" <?php if($cat_results->id == $cat_res->id){ ?> checked="checked" disabled="disabled"<?php } ?> data-forcheck="<?=$cat_results->id;?>"> 
                                        <?=$cat_res->category_name;?></label>
                        <input type="hidden" name="cat_cat[]" data-urus="<?=$cat_results->id;?>" value="">
                    </div>
                </div>
                <?php }} ?>
              </div>
           </td>
       </tr>
       <?php }} ?>
   </table>
   <div class="row">
       <div class="col-md-4">
           <div class="form-group">
              <button class="btn btn-primary btn-sm my-4" id="submit_button" type="submit">Save Data</button>
            </div>
        </div>
    </div>
</form>

脚本

$('.checkedme').on("click",function() {
   var getVal = $(this).val();
   var test = $(this).data('forcheck');
   $('#compatibility_form').find("input[data-forcheck='"+getVal+"'][value='"+test+"']").prop('checked',this.checked);
   $('#compatibility_form').find("input[name='cat_cat[]'][data-urus='"+getVal+"']").val(test);});

图片