jq中checkbox全选并ajax传参的示例分析
这篇文章主要介绍jq中checkbox全选并ajax传参的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联建站专注于企业成都全网营销推广、网站重做改版、沈北新网站定制设计、自适应品牌网站建设、html5、商城网站定制开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为沈北新等各大城市提供网站开发制作服务。
实例如下:
/全选按钮 $("#all").click(function(){ if(this.checked){ $(":checkbox").prop("checked", true); }else{ $(":checkbox").removeAttr("checked"); } }); $("#form").on('click','.ids',function(){ var chknum = $("input[name='ids']:checkbox").size();//选项总个数 var chk = 0; $("input[name='ids']:checkbox:checked").each(function () { chk++; }); if(chknum==chk){//全选 $("#all").prop("checked",true); }else{//不全选 $("#all").removeAttr("checked"); } }); //上下架 $('#form').on('click','.up,.down',function(){ var my = $(this); var val = my.data('status'); var url = my.data('url'); var valArr = new Array; $("input[name='ids']:checkbox:checked").each(function(i){ valArr[i] = $(this).val(); }); var vals = valArr.join(','); $.ajax({ url: my.data('url'), method: 'post', data: { status: val, ids:vals }, success: function() { $("#all").removeAttr("checked"); table.search(); } }); });
以上是“jq中checkbox全选并ajax传参的示例分析”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
网页标题:jq中checkbox全选并ajax传参的示例分析
网页网址:http://scyanting.com/article/igieje.html