如何使用jQuery中的方法动态生成checkbox复选框
1、第一步,由于要使用到jQuery,这里在新建的静态页面中引入jquery核心文件,如下图所示:
2、第二步,在<body></body>主体元素内,插入一个<d坡纠课柩iv></div>并设置对应的ID属性,如下图所示:
3、第三步,接着在jQuery初始化函数内,动态遍历生成复选框,然后添加到div标签内,如下图所示:
4、第四步,保存代码并在浏览器查看界面显示效果,结果发现复选框和文字相距很远,如下图所示:
5、第五步,再次返回到HBuilder编辑工具,修改input复选框的样式,如下图所示:
6、第六步,再次保存代码并预览效果,可以发现复选框和文字放在一起,如下图所示:
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:45
阅读量:49
阅读量:52
阅读量:54
阅读量:54