说明:
页面上前台向后台传checkbox
value数据,除了form提交之外,还可以在你自定义的函数中调用checkSelect(name)来获取被选中的value数组。
具体做法如:可见附件demo。
1.页面js src到js/web 找到 web.js 中的函数:fullChecked(name,self) 和 checkSelect(name)。
2.前面页面 写上:
<input type="checkbox"
name="slt
" value="1"/> 1<br/>
<input type="checkbox" name="slt
" value="2"/>
2<br/>
<input type="checkbox" name="slt
" value="3" checked="true"/> 3<br/>
<input type="checkbox" name="slt
" value="4"/>
4<br/>
<input type="checkbox" name="slt
" value="5"/> 5<br/>
<input
type="checkbox" name="slt
" value="6"
checked="true"/> 6<br/>
<input type="checkbox"
name="slt
" value="7"/> 7<br/>
<input type="checkbox" name="slt
" value="8"/>
8<br/>
<input type="checkbox" name="slt
" value="9" checked="true"/> 9<br/>
<input type="checkbox" name="slt
" value="10"/>
10<br/>
<hr />
<input
type="checkbox" name="dadySlt" onclick="fullChecked('slt',this)"
/>全选
<input
type=button value="提 交" onclick="yourFuntion()"
>
|
此处由使用人自己定义方法。在你自定义的方法中调用
checkSelect(name)即可。
即:
function
yourFuntion(){
//在你的方法里面调用checkSelect('slt')函数,此函数返回页面被选中的checkbox数组。
var temp = new Array();
temp =
eval(checkSelect('slt'));
//将temp发送给后台。
}
分享到:
相关推荐
在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...
同时,还需要考虑如何处理用户直接操作单个复选框的情况,确保全选和反选按钮的状态与当前选中项保持一致。 除了前端,全选和反选的概念也广泛应用于后端数据库操作。例如,用户可能需要批量删除或更新一组记录。在...
本篇文章将深入探讨如何使用jQuery来操作checkbox元素,包括多选、全选和反选等常见功能。 一、jQuery选择checkbox 在jQuery中,我们可以使用`$('input[type="checkbox"]')`选择所有的checkbox。如果你想根据特定...
`chg()`函数实现了这个逻辑,通过检查`input[name='id']`的`checked`属性,如果发现有未选中的复选框,那么取消全选按钮的选中状态。 3. **批量操作**:在执行批量操作如删除时,需要获取选中复选框的值并传递给...
6. **checkbox的全选/取消**: 实现复选框全选和取消全选功能,可以创建一个全局标志变量`checkFlag`,并通过`onclick`事件触发`checkall()`函数。这个函数遍历所有`checkbox`元素,并根据`checkFlag`的状态来设置...
通过上述代码,我们创建了一个自定义的复选框组件,它支持单个选中/取消、全选/取消,并且能够方便地获取选中的项。这种方式不仅解决了layui动态加载复选框的问题,还增强了组件的可定制性和兼容性。 总的来说,...
10 js实现 选中子页面的checkbox,点击确认,将选中的数据显示到父页面 11 解析oracle的rownum 12 ava web项目中开放一个webservice接口实例 13 js方式实现 系统时间显示 14 js 按Enter健实现搜索 15 多选框批量删除 ...
6. **列表框传值**: 当用户在列表框(`<select>`)中做出选择时,可以使用jQuery获取选中的选项值,并传递给服务器或其他页面元素。例如: ```javascript $("#listBox").change(function() { var selectedValue...
<input type="checkbox" data-type="checkall" />全选 <input type="checkbox" name="keleyi" data-type="checkbox" data-value="张三" value="1" />张三 <input type="checkbox" name="keleyi" data-type=...