OA系统流程中Check框控制逻辑实现

1、操作发生的时间？应该是AB勾选时，控制A1 A2 B1 B2编辑或只读。
2、怎么控制A1 A2 B1 B2？当A勾选后，A1 A2可编辑，B1 B2不能编辑。当B勾选后，B1 B2可编辑，A1 A2不可编辑。
3、怎么控制编辑或只读？加入disabled。
4、其他注意事项：如果我们A1/A2本来有值，但当我们勾选B后，我们除了需要控制A1/A2只读，可能同时还需要取消A1/A2的勾选。




var _config = [ //1
              {parentId: "field13510", childId: ["field13511", "field13512"]}, //1
              {parentId: "field13513", childId: ["field13514", "field13515"]}, //1
] //1
 
 
$(document).ready(function(){ //1
              //绑定change事件
              _config.forEach(function(_obj, _thisIndex){ //2
                            document.getElementById(_obj.parentId).onchange = function () {  //2
                                          _config.forEach(function(_obj, _index){//3
                                                        if(_index == _thisIndex){ //3
                                                                      //序号相同，则将childId置为可编辑
                                                                      _obj.childId.forEach(function(_id){
                                                                                    $("#" + _id).removeAttr("disabled");                       //移除只读 //3
                                                                                    $("#" + _id).next().removeClass("jNiceCheckbox_disabled"); //移除不能选择的样式 //3
                                                                                    $("#" + _id).next().addClass("jNiceCheckbox");             //加入可以选择的样式 //3
                                                                      }); //3
                                                        } else { //3
                                                                      //序号不同，则将当前勾选框清空，并childId清空并只读
                                                                      $('#' + _obj.parentId).attr("checked",false);             //清空check //3
                                                                      $("#" + _obj.parentId).next().removeClass("jNiceChecked");//展示清空样式 //3