首页 > 其他 > 详细

如何删除选中的checkbox

时间:2015-11-12 11:39:58      阅读:206      评论:0      收藏:0      [点我收藏+]
技术分享
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7 
 8 <body>
 9 <div class="box">
10     <label><input type="checkbox" value="苹果" />苹果</label>
11     <label><input type="checkbox" value="梨"/></label>
12     <label><input type="checkbox" value="香蕉" />香蕉</label>
13     <label><input type="checkbox" value="橘子" />桔子</label>
14 </div>
15 <span class="delete">-删除</span>
16     
17 <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>    
18 <script>
19     $(".delete").click(function(){
20         var s=$(".box input:checked");
21         console.log(s);
22         if(s.length>0){
23             for(var i=0;i<s.length;i++){
24                 alert($(s[i]).val());
25                 $(s[i]).parent("label").remove();
26             }
27         }
28     })
29 </script>
30 
31 </body>
32 </html>
选中checkbox点删除按钮可删除

 

如何删除选中的checkbox

原文:http://www.cnblogs.com/dingquanjun/p/4958333.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!