checkbox的相关设置

1、判断checkbox是否选中:

        function isSelectedCheckbox(name){
        return $('input[name="' + name + '"]').is(':checked');

        }

2、清空checkbox:

        function emptyCheckbox(name){  
        $('input[name="' + name + '"]').each(function(){   
    $(this).prop("checked",false);
        });  

    } 

3、获取checkbox的值:

           function getCheckboxValue(name){
        var array = new Array();
            $('input[name="' + name + '"]:checked').each(function() {
                 array.push($(this).val());// 向数组中添加元素
    }); 
        var str=array.join(','); //将数组元素连接起来以构建一个字符串 
    return str;

            }

4、设置checkbox:

        function selectCheckbox(name, value){
        emptyCheckbox(name);
            var array = value.split(',');
                for(var i=0;i<array.length;i++){  
                    $('input[name="' + name + '"]').each(function(){ 
                            if ($(this).val() == array[i]) {  
                        $(this).prop("checked",true);
                    }   
            });  
            }  

        }

5、checkbox全选:

        function selectCheckboxes(name){
        $('input[name="' + name + '"]').prop('checked', true);

        }

6、checkbox反选:

        function reverseCheckboxes(name){
        $('input[name="' + name + '"]').each(function () {
                $(this).prop("checked", !$(this).prop("checked"));
            });
        }

猜你喜欢

转载自blog.csdn.net/weixin_41377877/article/details/80309403