多语言展示
当前在线:1660今日阅读:57今日分享:41

如何使用jQuery方法获取复选框的值并拼接起来

在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事件的用法

推荐信息