JS JavaScript 如何获取多选框checkbox的值

 时间:2026-02-12 09:13:00

1、在checkbox加上同样的name属性

2、直接上代码:

function Lond_ckeck(objname){

     obj = document.getElementsByName(objname);

    checkval = [];

    for(k in obj){

        if(obj[k].checked)

            checkval.push(obj[k].value);

    }

    return checkval;

}

  

3、使用方法

JS JavaScript 如何获取多选框checkbox的值

4、效果

JS JavaScript 如何获取多选框checkbox的值

5、HTML代码

<!DOCTYPE html>

<html>

<head>

  <title></title>

<script type="text/javascript" src='js/Lond.js'></script>

</head>

<body>

<input type="checkbox" name="hell" value="选中1">

<input type="checkbox" name="hell" value="选中2">

<input type="checkbox" name="hell" value="选中3">

<input type="checkbox" name="hell" value="选中4">

<button onclick="fun()">测试</button>

<script type="text/javascript">

function fun(){

alert(Lond_ckeck('hell'))//id)

}

</script>

</body>

</html>

6、如果上面出错请复制下面HTML代码:

HTML代码

<!DOCTYPE html>

<html>

<head>

  <title></title>

</head>

<body>

<input type="checkbox" name="hell" value="选中1">

<input type="checkbox" name="hell" value="选中2">

<input type="checkbox" name="hell" value="选中3">

<input type="checkbox" name="hell" value="选中4">

<button onclick="fun()">测试</button>

<script type="text/javascript">

function fun(){

alert(Lond_ckeck('hell'))//id)

}

function Lond_ckeck(objname){

     obj = document.getElementsByName(objname);

    checkval = [];

    for(k in obj){

        if(obj[k].checked)

            checkval.push(obj[k].value);

    }

    return checkval;

  

</script>

</body>

</html>

JS JavaScript 如何获取多选框checkbox的值

7、注意事项: 传入参数一定是name属性

JS JavaScript 如何获取多选框checkbox的值

  • js怎么动态的增加和移除onclick事件
  • Win7 64位操作系统如何安装CMake
  • IDEA 使用教程系列八
  • 如何在VMware虚拟机建立Ubuntu12.04系统
  • Controller如何获取下拉列表的vlaue的值
  • 热门搜索
    血热是怎么回事 未转变者怎么联机 脚气怎么办 清宫表怎么看 芝麻糊怎么做 发高烧怎么办 金鱼怎么分公母 泳衣怎么穿 iso文件怎么安装 qq邮箱怎么改名字