`
pireswang
  • 浏览: 25419 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

checkbox选中 全选 传值

Web 
阅读更多

 
    说明:
 
    页面上前台向后台传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)" />全选 &nbsp;

       
<input type=button value="提 交" onclick="yourFuntion()" >
                                                        |
                                                        此处由使用人自己定义方法。在你自定义的方法中调用 checkSelect(name)即可。
                         即:
 
                         function yourFuntion(){
 
                          //在你的方法里面调用checkSelect('slt')函数,此函数返回页面被选中的checkbox数组。
  
                          var temp = new Array();
                              temp = eval(checkSelect('slt'));
 
                           //将temp发送给后台。


                         }
                             

分享到:
评论

相关推荐

    checkbox全选,选中数据传到后台

    在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...

    复选框的全选和反选、复选框的全选和反选

    同时,还需要考虑如何处理用户直接操作单个复选框的情况,确保全选和反选按钮的状态与当前选中项保持一致。 除了前端,全选和反选的概念也广泛应用于后端数据库操作。例如,用户可能需要批量删除或更新一组记录。在...

    jQuery操作checkbox

    本篇文章将深入探讨如何使用jQuery来操作checkbox元素,包括多选、全选和反选等常见功能。 一、jQuery选择checkbox 在jQuery中,我们可以使用`$('input[type="checkbox"]')`选择所有的checkbox。如果你想根据特定...

    jQuery+SpringMVC中的复选框选择与传值实例

    `chg()`函数实现了这个逻辑,通过检查`input[name='id']`的`checked`属性,如果发现有未选中的复选框,那么取消全选按钮的选中状态。 3. **批量操作**:在执行批量操作如删除时,需要获取选中复选框的值并传递给...

    Javascript判断常用Demo

    6. **checkbox的全选/取消**: 实现复选框全选和取消全选功能,可以创建一个全局标志变量`checkFlag`,并通过`onclick`事件触发`checkall()`函数。这个函数遍历所有`checkbox`元素,并根据`checkFlag`的状态来设置...

    解决layui动态加载复选框无法选中的问题

    通过上述代码,我们创建了一个自定义的复选框组件,它支持单个选中/取消、全选/取消,并且能够方便地获取选中的项。这种方式不仅解决了layui动态加载复选框的问题,还增强了组件的可定制性和兼容性。 总的来说,...

    个人开发中遇到常见问题及解决办法(吐血总结)

    10 js实现 选中子页面的checkbox,点击确认,将选中的数据显示到父页面 11 解析oracle的rownum 12 ava web项目中开放一个webservice接口实例 13 js方式实现 系统时间显示 14 js 按Enter健实现搜索 15 多选框批量删除 ...

    jQuery简单实例.zip

    6. **列表框传值**: 当用户在列表框(`&lt;select&gt;`)中做出选择时,可以使用jQuery获取选中的选项值,并传递给服务器或其他页面元素。例如: ```javascript $("#listBox").change(function() { var selectedValue...

    jquery复选框多选赋值给文本框的方法

    &lt;input type="checkbox" data-type="checkall" /&gt;全选 &lt;input type="checkbox" name="keleyi" data-type="checkbox" data-value="张三" value="1" /&gt;张三 &lt;input type="checkbox" name="keleyi" data-type=...

Global site tag (gtag.js) - Google Analytics