首页 > 其他 > 详细

checkbox的各种操作

时间:2015-04-09 15:04:58      阅读:219      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!