E8-怎么写一段JS去控制CheckBox

背景

表单里两组CheckBox，相同组里的可多选，不同组是互斥的，即只能选其中一组中的一个或多个。并且在勾选的同时，把另外一组的所有CheckBox改成未选中的状态。

* 某天，突然发现以下代码在新建流程界面会报错，而在流程处理界面不会报错。即，把它应用在除创建节点以外的节点，不会报错，新建流程，保存，之后去待办事宜里继续处理，也不会报错，直接新建流程里却是会报错的；

处理

以上需求没有办法使用字段联动去解决，只能在表单里插入代码段。

以两组，每组分别有一个CheckBox为例，我是这么写的。

源码

<!-- script代码，如果需要引用js文件，请使用与HTML中相同的方式。 --> <script type="text/javascript"> jQuery(document).ready(function(){     $("#field9162").click(function(){         var check9162 = $("#field9162").prop("checked");          if(check9162) {             $("#field9156").prop("checked", false);             $("#field9156").nextAll("span").prop("class", "jNiceCheckbox");         }     });     $("#field9156").click(function(){         var check9156 = $("#field9156").prop("checked");          if(check9156) {             $("#field9162").prop("checked", false);             $("#field9162").next("span").prop("class", "jNiceCheckbox");         }     }); }); </script>

总结

首先，我JQUERY比较渣，能力所限只能写成这样了。有这么两点需要注意的。

1、E8的表单里，所看到的复选框其实是个<span>标签，和<input id="#field9156">的复选框在同一个<span>标签里。所以不但要改Checkbox的选择状态，还要改对应的<span>标签的样式。

表单里CheckBox代码的示例

<span class="jNiceWrapper">     <input type="checkbox" class="Inputstyle jNiceHidden" viewtype="0" temptitle="无责任部门" value="1" id="field9156" name="field9156" οnclick="" style="opacity: 0;">     <span class="jNiceCheckbox"></span> </span>

2、能用ID定位到<input>标签，再用next去修改同一个父节点的后面的<span>标签的Class属性。