本文介绍了如何使用jQuery的jqGrid插件实现表头的复选框功能，包括表头字段的动态显示和隐藏。通过点击自定义表头按钮弹出对话框，动态生成input标签，并通过复选框控制对应表头的显示状态。实现过程中，遇到动态元素获取的问题，最终通过getElementsByTagName解决并展示了完成后的效果。
jqGrid实现表头复选框功能
最近在用jQuery中的jqGrid插件来实现一个小功能，表头的自定义功能，简单来说就是你来控制表头字段的显示和隐藏，话不多说，先看界面：
首先当我们点击自定义表头按钮时出现这样一个弹框：
然后我们实现该功能主要分为两步：
一：input标签的动态生成
二：复选框勾选之后对应的表头出现或隐藏
代码如下：
html部分：
这里的div主要是用来存放动态生成的input标签，我们在后面使用时会用到
js部分：
最后我们给完成按钮绑定的是一个单击事件，这里在写代码时遇到一个问题，无法直接通过getElementById来直接获取动态生成的input标签中的id，只能通过getElementsByTagName来获取div1中所有的input标签，然后将他遍历出来。
看一下完成之后的效果图：
561
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
