在jQuery中,可以使用change事件和each函数遍历循环复选框,并将拼接起来的ID属性赋值给result变量。下面利用一个实例说明如何获取复选框的值,操作如下:
工具/原料
1
HBuilder
2
CSS3
3
HTML5
4
jQuery
5
浏览器
6
截图工具
方法/步骤
1
第一步,双击打开HBuilder编辑工具,新建一个静态页面ckb.html,如下图所示:
2 标签元素下方,添加一个标签,并引入jquery文件,如下图所示:
第二步,在
3
第三步,在body标签元素内插入一个div标签,然后插入四个input复选框,如下图所示:
4
第四步,在jquery初始化函数内,调用each函数方法,遍历四个复选框,如下图所示:
5
第五步,保存代码并在浏览器中预览界面效果,查看代码显示,如下图所示:
6
第六步,勾选复选框发现控制台无打印结果,接着修改change和each的顺序,如下图所示:
注意事项
1
注意如何获取复选框勾选的值
2
注意each函数和change事件的用法