jquery如何获取复选框的值

 时间:2024-10-13 09:16:28

在jquery中,可以使用each()方法遍历选中的复选项对象,使用val()方法获得它们的值。下面小编举例讲解jquery如何获取复选框的值。

jquery如何获取复选框的值

工具/原料

html+jquery

代码编辑器:zendstudio10.0

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解jquery如何获取复选框的值。

jquery如何获取复选框的值

2、在test.html文件内,使用input标签创建三个选项,用于测试。

jquery如何获取复选框的值

3、在test.html文件中,给三个input标签添加一个共同的name属性,用于下面获得选项对象。

jquery如何获取复选框的值

4、在test.html文件中,使用button标签创建一个按钮,给button绑定o艘绒庳焰nclick点击事件,当按钮被点击时,执行getvvv()函数。

jquery如何获取复选框的值

5、在js标签内,创建getvvv()函数,在函数内,创建一个空数组arr,用于保存选鸠祛哂俭项的值。通过name获得input碚枞凇悄选项对象,使用each()方法遍历选项,将获得的值,通过push()方法存进数组中,最后,使用alert()方法输出值。

jquery如何获取复选框的值

6、在浏览器打开test.html文件,点击按钮,添加图片,再点击图片,查看结果。

jquery如何获取复选框的值

如何通过js来增加a标签的样式 NavicatPremium如何将数据模型中的表导入数据库 IntelliJ IDEA怎么设置打开软件自动打开项目 svn如何汉化,svn怎么汉化 java怎么自定义日期格式,日期操作方法
热门搜索
励志电影排行榜前十名 凡尔赛宫图片 爱爱爱图片 高清婚纱照图片 小松鼠简笔画图片大全