jqGrid实现表头复选框功能

jqGrid实现表头复选框功能
最近在用jQuery中的jqGrid插件来实现一个小功能，表头的自定义功能，简单来说就是你来控制表头字段的显示和隐藏，话不多说，先看界面：
首先当我们点击自定义表头按钮时出现这样一个弹框：然后我们实现该功能主要分为两步：
一：input标签的动态生成
二：复选框勾选之后对应的表头出现或隐藏

代码如下：
html部分：

这里的div主要是用来存放动态生成的input标签，我们在后面使用时会用到
js部分：


最后我们给完成按钮绑定的是一个单击事件，这里在写代码时遇到一个问题，无法直接通过getElementById来直接获取动态生成的input标签中的id，只能通过getElementsByTagName来获取div1中所有的input标签，然后将他遍历出来。

看一下完成之后的效果图：