jquery获取复选框值

毕设里用到了批量删除,所以整理了一下有关复选框的内容

以下是jQuery的代码

 1 <script src="assets/js/jquery-1.10.2.min.js"></script>
 2         <script type="text/javascript">
 3         $(function(){
 4             //复选框的全选
 5             $("#checkall").click(function(){ 
 6                 
 7                 var checkAll = $("#checkall").prop("checked");
 8                   $("input[name='id[]']").prop("checked",checkAll);
 9             });
10             //利用数组获取到所选复选框
11             $("#deleteAll").click(function(){
12                 var chkValue = []; //数组啊
13                 $("input[name='id[]']:checked").each(function(){//遍历被选中的复选框 
14                     chkValue.push($(this).val());//向数组中添加数据 
15                 }); 
16                 alert(chkValue);//弹出获取到的数组
17             });
18         });
19      </script>

下面是几个复选框(jQuery数组里获取到 name="id[]"的checkbox里的value值)

1 <input type="checkbox" id="checkall" class="ace"/>
2 <input type="checkbox" class="ace" name="id[]" value="1"/>
3 <input type="checkbox" class="ace" name="id[]" value="2"/>
4 <input type="checkbox" class="ace" name="id[]" value="3"/>
5 <input type="checkbox" class="ace" name="id[]" value="4"/>
6 <input type="checkbox" class="ace" name="id[]" value="5"/>
7 <button type="button" id="deleteAll" class="btn btn-danger pull-right">批量删除</button>

 

posted @ 2017-06-16 09:40  燕麦酸奶  阅读(976)  评论(0编辑  收藏  举报