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