在我们做项目的过程中，可能遇到这么一个问题：在div标签元素内，动态插入多个checkbox复选框，并根据实际的情况生成；而且需要动态设置复选框的样式。下面利用一个实例说明如何动态生成复选框，操作如下：工具/原料morejQueryHBuilderCSS3HTML5浏览器截图工具方法/步骤1/6分步阅读

第一步，由于要使用到jQuery，这里在新建的静态页面中引入jquery核心文件，如下图所示：

2/6

第二步，在body/body主体元素内，插入一个div/div并设置对应的ID属性，如下图所示：

3/6

第三步，接着在jQuery初始化函数内，动态遍历生成复选框，然后添加到div标签内，如下图所示：

4/6

第四步，保存代码并在浏览器查看界面显示效果，结果发现复选框和文字相距很远，如下图所示：

5/6

第五步，再次返回到HBuilder编辑工具，修改input复选框的样式，如下图所示：

6/6

第六步，再次保存代码并预览效果，可以发现复选框和文字放在一起，如下图所示：

注意事项

注意使用jQuery动态方法生成多个checkbox

注意合理对复选框进行样式布局

JQUERYCSS3HTML5HBUILDERCHECKBOX