JS中怎么获取checkbox选中的值?

本文介绍了两种在JavaScript中获取多个复选框(checkbox)选中值的方法。方法一是通过HTML结构直接获取,方法二是利用JavaScript代码遍历并收集选中项的值。在后台接收这些值时,可以将选中值作为数组处理。请注意,使用这种方法要求文本值位于input元素之后,以正确获取文本值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

有两种方法:

1、方法一HTML结构如下:

2、方法二javascript代码如下:

3、显示效果如下:

js获得多个checkbox选中的值的方法:

一、代码如下:

二、后台获得参数为:

  • //获得的均为数组值:

    String checboxValues=request.getParameter("checboxValue");

    String checboxTexts=request.getParameter("checboxText");

  • //得到每个具体值:

    String checboxValue=checboxValues.split(",");

    String checboxText=checboxTexts.split(",");

三、备注:

  • nextSibling是获得当前对象的下一个对象,nodeValue是返回一个节点的值

  • 使用该方法必须保证文本值在input后面,否则checkboxStr[i].nextSibling.nodeValue获取不到文本值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值