引用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' /> 全选
</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批量选中的更多相关文章
- MVC项目中使用js 设置Checkbox的选中事件
要实现的效果是,当点击checkbox时,跳转到Action中 CheckBox实例: View界面: @Html.CheckBox("prd.IsChecked", Model. ...
- JS 判断checkbox 是否选中
<input type="checkbox" id="IsEnable" /> 在调试的时候,会出现,一直未true的状态,不管是选中还是未选中 解 ...
- js 判断checkbox是否选中的实例代码
分享下js判断是否选中CheckBox的方法. 代码如下: <input type="checkbox" name="checkbox1" checked ...
- checkbox批量选中，获取选中的项的值
<!doctype html><html lang="en"> <head> <meta charset="UTF-8&quo ...
- 用JS修改checkbox的选中状态
代码如下: <SCRIPT LANGUAGE="JavaScript"> <!-- function change() { var c=document.myfo ...
- js判断checkbox是否选中
$('.div0 .checkbox1').prop('checked')选中返回 true未选中返回 false $('.div0').prop("checked", true) ...
- js判断checkbox是否选中 .checked不管用
今天开发遇到一个小问题,记小本本记小本本 document.getElementById("id").checked //正确 //如果返回值为true代表选中 //如果返回值为f ...
- js操作checkbox(复选框)的方法总结
收集了一些用js代码操作checkbox复选框的代码,分享出来,供需要的朋友参考: <script> //复选框checkbox 处理方法 //搜集整理 www.jbxue.com fun ...
- 使用js批量选中功能实现更改数据库中的status状态值（批量展示）
我们在开发项目的时候经常会在后台管理时用到批量展示功能来动态的修改数据库的值.下面以修改数据库的status状态值来实现批量展示功能.批量选中功能引用js来实现.前端html代码: <table ...
随机推荐
- .Net开发笔记（二十）创建一个需要授权的第三方组件
在使用需要授权的软件时,注册付费的目标是软件的使用者,我们开发人员平时用到的一些第三方组件也是需要授权付费的,也就是说,付费者是开发人员,并不是系统(使用了该第三方组件)的最终使用者. 以上两者的区别 ...
- .Net组件程序设计之对象生命周期
.Net组件程序设计之对象生命周期 .NET 垃圾回收 IDisposable() Using语句 .NET 垃圾回收 是CLR管理着垃圾回收器,垃圾回收器监控着托管堆,而我们使用的对象以及系统启动是 ...
- 让Ajax更简单
之前写了一篇 ASP.NET中一种超简单的Ajax解决方案 最近把他拿出来更新了下,把demo也搞的更详细了一点 加入了blqw.Json,所以支持更多类型参数和返回值 优化了对exception的处 ...
- Senparc.Weixin.MP SDK 微信公众平台开发教程（十七）：个性化菜单接口说明
前不久微信上线了个性化菜单接口,Senparc.Weixin SDK也已经同步更新. 本次更新升级Senparc.Weixin.MP版本到v13.5.2,依赖Senparc.Weixin版本4.5.4 ...
- 【PRINCE2是什么】PRINCE2认证之七大原则（3）
我们先来回顾一下,PRINCE2七大原则分别是持续的业务验证,经验学习,角色与责任,按阶段管理,例外管理,关注产品,剪裁. 第三个原则:明确定义的角色和职责. 项目离不开人员,错误的人来了,合适的人没 ...
- 初学者 bootstrap（二）----在路上（4）
---------------------------------------------------------曾经认真书写的笔记啊,别来无恙啊--------------------------- ...
- selenium的安装
一.安装selenium 通过pip命令安装selenium包:(pip的安装方法:http://www.cnblogs.com/zhengyihan1216/articles/6011640.htm ...
- canvas学习笔记一
为了研究pixi库,就顺带从头到位学习下canvas吧 判断支持力度 var webgl = (function() { try { var canvas = document.createEleme ...
- Mesh Data Structure in OpenCascade
Mesh Data Structure in OpenCascade eryar@163.com 摘要Abstract:本文对网格数据结构作简要介绍,并结合使用OpenCascade中的数据结构,将网 ...
- [转]PHP的执行流程,PHP扩展加载过程
原文:http://www.imsiren.com/archives/535 为了以后能开发PHP扩展..就一定要了解PHP的执行顺序..这篇文章就是为C开发PHP扩展做铺垫. web环境 我们假设为 ...