JQuery 获取选中多选框的value，合并成字符串传给后台

1.HTML部分

    <div id="form" class="form">
        <label>
            <input type="checkbox" name="role" value="管理员1">
            管理员1
        </label>
        <label>
            <input type="checkbox" name="role"  value="管理员2">
            管理员2
        </label>
        <label>
            <input type="checkbox" name="role"  value="管理员3">
            管理员3
        </label>
        <br>
        <br>
        <button class="submit">提交</button>  
    </div>

2.JS部分

	  $(function(){
            $('.submit').click(function(){
                //定义一个空数组存储
                var arr = [];
                //根据name的值获取到所有选中checkbox，并遍历
                $("#form input:checkbox[name='role']:checked").each(function(i){
                	//arr.push($(this).val());
                    arr[i] = $(this).val();
                });
                console.log(arr)
                // 将数组合并成字符串
                arrToStr = arr.toString();
                console.log(arrToStr)
                console.log(typeof arrToStr)
                //ajax提交
                $.ajax({
                	url:'api',
                	type:'get',
                	data:{
                		role: arrToStr 
                	}，
                	success:function(){
                	
                	}
                })
            })
        })

3.点击提交之后的效果图