码迷,mamicode.com
首页 > 其他好文 > 详细

checkbox的各种操作

时间:2015-04-09 15:08:15      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:

1. js选中多个checkbox,取值向后台提交数据

<html>
    <head>
        <script type="text/javascript" src="jquery-1.8.3.js"></script>
        <script>
            $(function() {        
                $("#delete").click(function() {
                    //页面弹框
                    if(!confirm("确定要删除吗?")) {
                        window.event.returnValue = false;
                    }    
                    //调用函数
                    del();
                });
            });
                
            function del(){
                //1.过滤出被选中的
                var checkedList = $(input:checkbox).filter(":checked");
                if (checkedList.length == 0) {
                    alert("未选中记录!");
                    return false;
                }
                var ids = "";
                checkedList.each(function(){
                    ids += $(this).val()+",";
                });
                ids = ids.substring(0,ids.length-1);
                //向后台发送数据
                window.location.href = "/search/my_delete?data="+ids;
            }
        </script>
    </head>    
    <body>
        one:<input type="checkbox" value="one"/><br/>
        two:<input type="checkbox" value="two"/><br/>
        three:<input type="checkbox" value="three"/><br/>
        four:<input type="checkbox" value="four"/><br/>    
        <input type="button" id="delete" value="删除"/>
    </body>
</html>

checkbox的各种操作

标签:

原文地址:http://www.cnblogs.com/shi-blog/p/4409557.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!