分别获取checkbox选中和没选中的值

https://blog.csdn.net/SJK__/article/details/88710282

 

分别获取checkbox选中和没选中的值

苏建康 2019-03-21 11:20:31  7745  收藏 1

分类专栏： Jquery

版权

方法一：
定义两个列表分别存储选中和没选中的值 each是遍历的意思

 var check_list = []
 var nocheck_list = []
 
 # 将获取到选中的value 遍历添加到列表里
 $("input[name='checkbox']:checked").each(function(){
            check_list.push($(this).val())
        })
        
# 将未获取到选中的value 遍历添加到列表里
 $("input[name='checkbox']:not(:checked)").each(function(){
           nocheck_list.push($(this).val())
        })

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

发起ajax请求的时候列表是不能传过去的，要转成字符串

data:{'check_list':check_list.join(','),'nocheck_list':nocheck_list.join(',')}

• 1

后台接受再转成列表

check_list = request.POST.get('check_list').split(',')
nocheck_list = request.POST.get('nocheck_list').split(',')

• 1
• 2

方法二：
同样定义两个列表

 var check_list = []
 var nocheck_list = []

• 1
• 2

先获取所有checkbox的value

var checks = $(".name")

• 1

遍历所有checkbox的value 逻辑判断添加列表

$.each(checks,function(){
	if($(this).is(":checked")){
		check_list.push($(this).val())
	}else{
		nocheck_list.push($(this).val())
	}
})