js获取所有checkbox的值的简单实例

 更新时间:2016年05月30日 10:01:07   投稿:jingxian  
下面小编就为大家带来一篇js获取所有checkbox值的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

例:

<input type="checkbox" name="test" value="值1" />显示的内容
<input type="checkbox" name="test" value="值2" />显示的内容
<input type="checkbox" name="test" value="值3" />显示的内容
<input type="checkbox" name="test" value="值n" />显示的内容
....
<input type="button" value="提交" onclick="send()" />

JS:

function send(){
    var id = document.getElementsByName('test');
    var value = new Array();
    for(var i = 0; i < id.length; i++){
     if(id[i].checked)
     value.push(id[i].value);
    } 
  window.location ='某Action!netWorkingUpdate?concentratorids='+value.toString();
}

后台:

String value = request.getParameter("concentratorids");

然后截取这个value即可。。。

以上这篇js获取checkbox的值就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 微信小程序异步处理详解

    微信小程序异步处理详解

    这篇文章主要为大家详细介绍了微信小程序异步处理的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • JS多物体 任意值 链式 缓冲运动

    JS多物体 任意值 链式 缓冲运动

    JS多物体 任意值 链式 缓冲运动,需要的朋友可以参考下
    2012-08-08
  • js鼠标移动时禁止选中文字

    js鼠标移动时禁止选中文字

    本文主要介绍了js鼠标移动时禁止选中文字的方法,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript webpack5配置及使用基本介绍

    JavaScript webpack5配置及使用基本介绍

    webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。这篇文章主要介绍了JavaScript webpack5配置及使用基本介绍
    2022-09-09
  • js实现无限层级树形数据结构(创新算法)

    js实现无限层级树形数据结构(创新算法)

    这篇文章主要介绍了js实现无限层级树形数据结构,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • javascript 24点游戏代码

    javascript 24点游戏代码

    非常不错的技术24点的游戏代码,他的算法值得学习,希望喜欢游戏的朋友,可以来看看
    2008-06-06
  • NodeJS Express框架中处理404页面一个方式

    NodeJS Express框架中处理404页面一个方式

    这篇文章主要介绍了NodeJS Express框架中处理404页面一个方式,原理就是把404路由放在最后匹配,也就是路由中没有定义的全部转到404页面,需要的朋友可以参考下
    2014-05-05
  • 使用Promise封装小程序wx.request的实现方法

    使用Promise封装小程序wx.request的实现方法

    这篇文章主要介绍了使用Promise封装小程序wx.request的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • webpack自动化打包方式详解

    webpack自动化打包方式详解

    这篇文章主要介绍了webpack自动化打包的相关知识,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-02-02
  • JavaScript中如何通过arguments对象实现对象的重载

    JavaScript中如何通过arguments对象实现对象的重载

    js 中不存在函数的重载,但却可以通过arguments对象实现对象的重载,下面有个不错的示例,大家可以参考下
    2014-05-05

最新评论