zoukankan      html  css  js  c++  java
  • 在js中怎样获得checkbox里选中的多个值?(jQuery)

    思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示:

    1、HTML结构

    <input type="checkbox" name="test" value="1"/><span>1</span>
    <input type="checkbox" name="test" value="2"/><span>2</span>
    <input type="checkbox" name="test" value="3"/><span>3</span>
    <input type="checkbox" name="test" value="4"/><span>4</span>
    <input type="checkbox" name="test" value="5"/><span>5</span>
    <input type='button' value='提交' onclick="show()"/>

    2、javascript代码(jQuery)

    function show(){
        obj = document.getElementsByName("test");
        check_val = [];
        for(k in obj){
            if(obj[k].checked)
                check_val.push(obj[k].value);
        }
        alert(check_val);
    }

    3、演示效果

  • 相关阅读:
    c++:函数模板
    1084 外观数列
    1083 是否存在相等的差
    1082 射击比赛
    1081 检查密码
    1080 MOOC期终成绩
    1079 延迟的回文数
    1078 字符串压缩与解压
    1077 互评成绩计算
    1076 Wifi密码
  • 原文地址:https://www.cnblogs.com/sunxirui00/p/7498014.html
Copyright © 2011-2022 走看看