JQuery的复选框选中、取消、全选,全不选问题
一、必须引入JQuery库:
下面是js代码:
/***
* 服务管理块>>>复选框事件处理
*/
//服务管理复选框被选中、取消
$(function(){ $("#ServiceManageMent").click(function(){
if(this.checked){
$(".checkb3").each(function(){
this.checked = true;
$(this).val(1);
});
}else{
$(".checkb3").each(function(){
this.checked = false;
$(this).val(0);
});
}
});
//服务创建被选中、取消
$("#serviceCreate,#serviceDispatch,#serviceDeal,#serviceArch,#serviceFeedback").click(function(){
var $serviceCreate = $("#serviceCreate").is(":checked");
var $serviceDispatch = $("#serviceDispatch").is(":checked");
var $serviceDeal = $("#serviceDeal").is(":checked");
var $serviceFeedback = $("#serviceFeedback").is(":checked");
var $serviceArch = $("#serviceArch").is(":checked");
if(this.checked){
//如果服务创建被选中,则判断其它复选框是否处于选中状态,如果都处于选中状态,则改变服务管理的选中状态
if($serviceCreate){
$("#serviceCreate").val(1);
}else{
$("#serviceCreate").val(0);
}
if($serviceDispatch){
$("#serviceDispatch").val(1);
}else{
$("#serviceDispatch").val(0);
}
if($serviceDeal){
$("#serviceDeal").val(1);
}else{
$("#serviceDeal").val(0);
}
if($serviceFeedback){
$("#serviceFeedback").val(1);
}else{
$("#serviceFeedback").val(0);
}
if($serviceArch){
$("#serviceArch").val(1);
}else{
$("#serviceArch").val(0);
}
if($serviceCreate && $serviceDispatch && $serviceDeal && $serviceFeedback && $serviceArch){
$("#ServiceManageMent").each(function(){
this.checked = true;
});
}else{
$("#ServiceManageMent").each(function(){
this.checked = false;
});
}
}else{
$(this).val(0);
$("#ServiceManageMent").each(function(){
this.checked = false;
});
}
});
});
jsp页面核心代码:
服务管理<input id="ServiceManageMent" class="checkb" type="checkbox"/><br/>
<s:if test="%{#request.r.serviceCreate ==1 }">
服务创建<input id="serviceCreate" class="checkb3" type="checkbox" checked="checked" name="role.serviceCreate" value="1"/><br/>
</s:if>
<s:else> 服务创建<input id="serviceCreate" class="checkb3" type="checkbox" name="role.serviceCreate" value="0"/></s:else><br/>
<s:if test="%{#request.r.serviceDispatch ==1}">
服务分配<input id="serviceDispatch" class="checkb3" type="checkbox" checked="checked" name="role.serviceDispatch" value="1"/><br/>
</s:if>
<s:else> 服务分配<input id="serviceDispatch" class="checkb3" type="checkbox"name="role.serviceDispatch" value="0"/></s:else><br/>
<s:if test="%{#request.r.serviceDeal ==1}">
服务处理<input id="serviceDeal" class="checkb3" type="checkbox" checked="checked" name="role.serviceDeal" value="1"/><br/>
</s:if>
<s:else> 服务处理<input id="serviceDeal" class="checkb3" type="checkbox" name="role.serviceDeal" value="0"/></s:else><br/>
<s:if test="%{#request.r.serviceFeedback ==1}">
服务反馈<input id="serviceFeedback" class="checkb3" type="checkbox" checked="checked" name="role.serviceFeedback" value="1"/><br/>
</s:if>
<s:else> 服务反馈<input id="serviceFeedback" class="checkb3" type="checkbox" name="role.serviceFeedback" value="0"/></s:else><br/>
<s:if test="%{#request.r.serviceArch ==1}">
服务归档<input id="serviceArch" class="checkb3" type="checkbox" checked="checked" name="role.serviceArch" value="1"/><br/>
</s:if>
<s:else> 服务归档<input id="serviceArch" class="checkb3" type="checkbox"name="role.serviceArch" value="0"/></s:else><br/>
Notes:
jsp文件中,大家会看到【 <s:if test="%{#request.r.serviceCreate ==1 }">】这个代码,不要疑惑,这是Struts2的标签和表达式,
不用理会它,虽然代码有些多,重在思想。各路神,请多指教!
JQuery的复选框选中、取消、全选,全不选问题的更多相关文章
- springMvc接收ajax数组参数,以及jquery复选框选中、反选、全选、全不选
一.复选框选中.反选.全选.全不选 html代码: <input type='checkbox' name='menuCheckBox' value='10' >苹果 <input ...
- Jquery中复选框选中取消实现文本框的显示隐藏
标签内容 <div class="box"> 请编写javascript代码,完成如下功能要求:<br /> 1.取消复选款后,要求促销价格.促销开始结束日 ...
- jquery 复选框(选中/取消)获取状态
$("#login-rem").attr("checked","checked") //设置选中 $("#login-rem&qu ...
- jquery复选框 选中事件 及其判断是否被选中
jquery复选框 选中事件 及其判断是否被选中 (2014-07-25 14:03:54) 转载▼ 标签: jquery复选框选中事件 分类: extjs jquery 今天做了 显示和不显示密 ...
- Jquery获取当前页面中的复选框选中的内容
在使用$.post提交数据时,有一个数据是复选框获取数据,所以在当前页面获取到复选框选中的值并提交到后端卡住了一下,解决方法如下: 这两个input就是复选框的内容: str += "< ...
- bootstrap table 复选框选中后,翻页不影响已选中的复选框
使用的 jquery版本为 2.1.1 在项目中发现bootstrap table的复选框选中后,翻页操作会导致上一页选中的丢失,api中的 bootstrapTable('getSelections ...
- js input复选框选中父级同时子级也选中
js实现复选框选中父级元素子级元素也选中,没有子级元素选中父级也不选中的效果 HTML <tr> <td> <label> <input name=" ...
- Web前端之复选框选中属性
熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好 了.博主之前用户不少方法,经常Google到一些这个不好那个 ...
- JS复选框选中
Web前端之复选框选中属性 熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了.博主之前用户不少方法,经常 ...
- js 全选选框与取消全选代码
设置一个全选选框和四个子选框,要实现点击全选后四个子选框选中,取消全选后四个子选框也取消.全选后点击某个子选框,全选也能取消.当四个子选框都选中时,全选框也被选择. 实现代码: <script& ...
随机推荐
- GLSL实现Interactive Fluid 流体【转】
http://blog.csdn.net/a3070173/archive/2008/12/08/3479477.aspx 完成的部分: 1.流体本身的绘制和更新 未解决的部分: 1.由于采用经过抖动 ...
- .net处理JSON简明教程
.net处理JSON简明教程 Json.Net是.net中的一种流行的高性能的JSON框架. 特点 灵活的JSON序列化转化.net对象为JSON字符串.和把JSON字符串转换为.net对象. 手动读 ...
- iOS-swift环形进度指示器+图片加载动画
demo.gif 如图,这个动画的是如何做的呢? 分析: 1.环形进度指示器,根据下载进度来更新它 2.扩展环,向内向外扩展这个环,中间扩展的时候,去掉这个遮盖 一.环形进度指示器 1.自定义View ...
- 你真的会使用SQL Server的备份还原功能吗?之一:恢复模型
在SQL Server中,除了系统数据库外,你创建的每一个数据库都有三种可供选择的恢复模型: Simple(简单), full(完整), bulk-logged(批量日志). 下面这条语句可以显示出所 ...
- oc-31-多对象的内存管理
在每个OC对象内部,都专门有8个字节的存储空间来存储引用计数器. 引用计数器的常见操作 retain消息:堆内存中对象的计数器变量 +(该方法返回对象本身,要想计数器变量加1就要调用对象的retain ...
- ASP.NET Core环境配置
一.环境准备 vs2015 update3 下载NET Core Tooling Preview 2 for Visual Studio 2015 (下载地址:https://go.microsoft ...
- redis实现与分析
http://www.kuqin.com/shuoit/20141019/342739.html
- Java连接mysql数据库并进行内容查询
最近用框架做了几个项目,感觉当初底层的东西有点忘了,写一个JDBC的简单的连接代码来熟悉回顾一下,也希望对刚接触的新手能有所帮助.这也是我的第一篇随笔,废话不多说,直接上代码: public Conn ...
- VirtualBox 导入.vdi文件时报“uuid is exists”错误
解决办法: 1.要安装的.vdi文件所在目录:D:\developTools\vm\RedHatLinux1.vdi 2.找到VirtualBox的安装目录,这里是D:\Program Files\O ...
- 二手奢侈品电商Vestiaire Collective融资2000万美元
巴黎奢侈品电商Vestiaire Collective获得了2000万美元的C轮融资,投资方包括知名出版集团Condé Nast.Idinvest.Balderton和Ventech,其中Condé ...