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>