zoukankan      html  css  js  c++  java
  • JQuery 获取多选框的值

    JQuery 获取多选框的值

        <input type="checkbox" name="test" value="1"  id="a"><input type="checkbox" name="test" value="2" id="b"><input type="checkbox" name="test" value="3" id="c"><input type="checkbox" name="test" value="4" id="d"><input type="button" value="确定" onClick="CodeCheck()" />
        <input type="button" value="确定2" onClick="CodeCheck2()" />
        function CodeCheck1() {
            
                var arry = new Array();
                //循环所有选中的值
            $('input[name="test"]:checked').each(function (index, element) {
                    //追加到数组中
                    arry.push($(this).val());
                });
                //将数组元素连接起来转化为字符串
                var arrystr = arry.join(',');
                //输出到控制台
                console.log("选中值:" + arrystr);
            
        }
        var CodeCheck2 = function () {
            //通过id获取多选框是否选中
            var addcode= $('#a').is(":checked");
            var deletecode= $('#b').is(":checked");
            var updatecode= $('#c').is(":checked");
            var selectcode= $('#d').is(":checked");
            //在控制台输出选中值
            console.log("增:" + addcode);
            console.log("删:" + deletecode);
            console.log("改:" + updatecode);
            console.log("查:" + selectcode);
        }

    实例:

     

  • 相关阅读:
    angular.isDefined()
    angular.isDate()
    angular.isArray()
    .NET中栈和堆的比较
    SQL Server 2012配置Always On可用性组
    一分钟了解负载均衡的一切
    C# 线程并发锁
    获取Http请求参数
    什么是WCF
    Bitmap算法应用
  • 原文地址:https://www.cnblogs.com/mvpbest/p/15761762.html
Copyright © 2011-2022 走看看