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);
        }

    实例:

     

  • 相关阅读:
    排序算法——选择排序
    poj1906
    poj1496
    poj1244
    poj1183
    poj1806
    !!!舒尔茨自律神经训练法
    Google Analytics的能与不能
    乔布斯最伟大的贡献是什么
    冥想呼吸
  • 原文地址:https://www.cnblogs.com/mvpbest/p/15761762.html
Copyright © 2011-2022 走看看