引用js实现checkbox批量选中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>checkbox全选</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><style type="text/css"></style><script type="text/javascript"></script></head><body><table  style="border:1px solid red;">                               <tr><th style="background-color:#f7f7f7;width:8%;text-align:center;" class="lf"><input name='chkAll' type='checkbox' id='chkAll'  onClick="checkAll(this, 'id[]')" value='checkbox' />&nbsp;全选</th><th style="background-color:#f7f7f7;width:8%;" class="lf">商品编号</th><th style="background-color:#f7f7f7;width:13%;" class="lf">名称</th><th style="background-color:#f7f7f7;width:18%;" class="lf">标题</th>            <th style="background-color:#f7f7f7;width:8%;" class="lf">品牌</th><th style="background-color:#f7f7f7;width:8%;" class="lf">组别</th>        </tr><tr><td class="lf" style="text-align:center;"><input name='id[]' type='checkbox' value='{id}'  onClick="checkItem(this, 'chkAll')"></td><td class="lf">001</td><td class="lf">002</td><td class="lf">003</td><td class="lf">004</td><td class="lf">005</td>         </tr>   <tr><td class="lf" style="text-align:center;"><input name='id[]' type='checkbox' value='{id}'  onClick="checkItem(this, 'chkAll')"></td><td class="lf">001</td><td class="lf">002</td><td class="lf">003</td><td class="lf">004</td><td class="lf">005</td>         </tr> <tr height="45"><td colspan="10" style="text-align:left;padding-left:40px;"><input type="button" id="btn_show" value="批量展示" style="width:100px;margin-left:20px;"></td>                </tr></table>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="checkbox.js"></script>
<script type="text/javascript">/*var ids = [];$('#btn_show').click(function(){btnCheck('展示');data = {"ids":ids};$.ajax({type:"POST",url:"{:U('Mall/GoodsShow')}",data:data,//dataType:"json",
            success:function(msg){if(msg == 00){alert("批量展示成功");window.location.href='/index.php/Admin/Mall/MallList';}else{alert("批量展示失败，请重新编辑");}},error:function(){alert("批量编辑失败，请重新编辑");}});                  });function btnCheck(info){var obj = $("input[name='id[]']:checked").each(function(){ids.push($(this).val());});if (ids == false) {alert("请选定要"+info+"的商品");return false;}else {return ids; }}*/
</script></body>
</html>

引用js实现checkbox批量选中相关推荐

vue复选框默认被选中_vue .js绑定checkbox并获取、改变选中状态的实例
vue .js绑定checkbox并获取.改变选中状态的实例 2019-01-07 编程之家收集整理的这篇文章主要介绍了vue .js绑定checkbox并获取.改变选中状态的实例,编程之家小编觉得挺 ...
js判断checkbox是否被选中
js判断checkbox是否被选中 HTML代码如下: <input type=checkbox name='nID' value='1'> <input type=checkbox ...
批量选中删除（包含全选）---jsp,servlet
0.引言前面文章已经实现了登录,查询,添加,修改和删除等功能,本篇文章在前面的基础上继续实现删除选中的功能. 一.分析删除功能分析 >>>1.在前端list.jsp页面的删除选中 ...
Jquery 添听checkbox 是否选中
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html> <html> <head> <meta charse ...
JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值
2019独角兽企业重金招聘Python工程师标准>>> JQuery是一个非常容易上手的框架,但是有很多东西需要我们深入学习的. 判断checkbox是否被选中网上有选多种写法,这里 ...
layui 数据表格分页搜索 checkbox 缓存选中项数据
在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后, ...
layui 数据表格+分页+搜索+checkbox+缓存选中项数据
在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后, ...
微信小程序判断某个checkbox是否选中（在非checkboxchange事件中）
做购物车的小程序时,点击已被选中的某个商品的加号时总计的价格也要跟随商品数量的增加而累加,也就是这个加号的点击事件里,我们要判断当前商品是否是选中状态:我的方法是在checkbox发生改变时,在da ...
复选框选中状态html,javascript中如何判断checkbox是否选中？
javascript判断checkbox是否选中的方法:1.直接通过checkbox的checked属性判断.2.调用jQuery使用attr()或is()方法判断. 对于在js中来判断checkbo ...

引用js实现checkbox批量选中

引用js实现checkbox批量选中相关推荐

最新文章

热门文章