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

最新推荐文章于 2024-08-07 19:25:09 发布

原创最新推荐文章于 2024-08-07 19:25:09 发布 · 413 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了在JavaScript中如何有效处理复选框选中值的传递问题，特别是在点击全选或多选时如何将这些值正确地传送到后台。通过使用特定的方法，如遍历选中的复选框并将它们的值添加到隐藏的div元素中，可以轻松解决这一常见问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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添加复选框选中的内容
});