关于复选框取值传值问题的javascript代码的解释

来源:互联网 发布:淘宝国内代购是真的吗 编辑:程序博客网 时间:2024/04/30 20:23
1.遇到的问题是选中复选框时,无法将值传到后台
2.JavaScript代码的实现跟复选框传值有很大联系
3.讲选中的复选框的值放到一个空的div中


javscript代码片段:


   //复选框开始,全选多选
Custom.initPage(); //初始化加载
$('input.quanxuanCheckBox').on('click', function(){//全选和单选的单击事件
$('input[type="checkbox"]', '#objTable').attr("checked",this.checked);//选中一个复选框时,标记为已选中
$('input[type="checkbox"]', '#objTable').parent('span').attr("class",(this.checked ? 'checked' : ''));//选中父类的复选框。子类所有复选框                    全部选中
});


   $("#objFormUpdateBtn").click(function(){
//获取所选中的复选框的内容
$('#contractNoListHiddenDiv').empty();//移除contractNoListHiddenDiv中所有的内容,和其子节点
$(':input:checked.checkboxes',$('#objTable')).each(function(){//each==获取选中的复选框的内容遍历添加指定的函数
           $('#contractNoListHiddenDiv').append('<input type="hidden" name="contractNoList" value="'+this.value+'"> ');//遍历为这个空的div添加复选框选中的内容
       });
0 0