一、必须引入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 }">
&nbsp;服务创建<input id="serviceCreate" class="checkb3" type="checkbox" checked="checked" name="role.serviceCreate" value="1"/><br/>
</s:if>
<s:else>&nbsp;服务创建<input id="serviceCreate" class="checkb3" type="checkbox" name="role.serviceCreate" value="0"/></s:else><br/>
<s:if test="%{#request.r.serviceDispatch ==1}">
&nbsp;服务分配<input id="serviceDispatch" class="checkb3" type="checkbox" checked="checked" name="role.serviceDispatch" value="1"/><br/>
</s:if>
<s:else>&nbsp;服务分配<input id="serviceDispatch" class="checkb3" type="checkbox"name="role.serviceDispatch" value="0"/></s:else><br/>
<s:if test="%{#request.r.serviceDeal ==1}">
&nbsp;服务处理<input id="serviceDeal" class="checkb3" type="checkbox" checked="checked" name="role.serviceDeal" value="1"/><br/>
</s:if>
<s:else> &nbsp;服务处理<input id="serviceDeal" class="checkb3" type="checkbox" name="role.serviceDeal" value="0"/></s:else><br/>
<s:if test="%{#request.r.serviceFeedback ==1}">
&nbsp;服务反馈<input id="serviceFeedback" class="checkb3" type="checkbox" checked="checked" name="role.serviceFeedback" value="1"/><br/>
</s:if>
<s:else>&nbsp;服务反馈<input id="serviceFeedback" class="checkb3" type="checkbox" name="role.serviceFeedback" value="0"/></s:else><br/>
<s:if test="%{#request.r.serviceArch ==1}">
&nbsp;服务归档<input id="serviceArch" class="checkb3" type="checkbox" checked="checked" name="role.serviceArch" value="1"/><br/>
</s:if>
<s:else>&nbsp;服务归档<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的复选框选中、取消、全选,全不选问题的更多相关文章

  1. springMvc接收ajax数组参数,以及jquery复选框选中、反选、全选、全不选

    一.复选框选中.反选.全选.全不选 html代码: <input type='checkbox' name='menuCheckBox' value='10' >苹果 <input ...

  2. Jquery中复选框选中取消实现文本框的显示隐藏

    标签内容 <div class="box"> 请编写javascript代码,完成如下功能要求:<br /> 1.取消复选款后,要求促销价格.促销开始结束日 ...

  3. jquery 复选框(选中/取消)获取状态

    $("#login-rem").attr("checked","checked") //设置选中 $("#login-rem&qu ...

  4. jquery复选框 选中事件 及其判断是否被选中

    jquery复选框 选中事件 及其判断是否被选中 (2014-07-25 14:03:54) 转载▼ 标签: jquery复选框选中事件 分类: extjs jquery   今天做了 显示和不显示密 ...

  5. Jquery获取当前页面中的复选框选中的内容

    在使用$.post提交数据时,有一个数据是复选框获取数据,所以在当前页面获取到复选框选中的值并提交到后端卡住了一下,解决方法如下: 这两个input就是复选框的内容: str += "< ...

  6. bootstrap table 复选框选中后,翻页不影响已选中的复选框

    使用的 jquery版本为 2.1.1 在项目中发现bootstrap table的复选框选中后,翻页操作会导致上一页选中的丢失,api中的 bootstrapTable('getSelections ...

  7. js input复选框选中父级同时子级也选中

    js实现复选框选中父级元素子级元素也选中,没有子级元素选中父级也不选中的效果 HTML <tr> <td> <label> <input name=" ...

  8. Web前端之复选框选中属性

    熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好 了.博主之前用户不少方法,经常Google到一些这个不好那个 ...

  9. JS复选框选中

    Web前端之复选框选中属性   熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了.博主之前用户不少方法,经常 ...

  10. js 全选选框与取消全选代码

    设置一个全选选框和四个子选框,要实现点击全选后四个子选框选中,取消全选后四个子选框也取消.全选后点击某个子选框,全选也能取消.当四个子选框都选中时,全选框也被选择. 实现代码: <script& ...

随机推荐

  1. influxdb Measurements

    第一次看influxdb的代码实例时不明白influxdb Measurements是什么意思.经过研究总结一下. 1)measurement,相当于关系数据库中的table,包含tag,field, ...

  2. Codeforces Beta Round #5 E. Bindian Signalizing 并查集

    E. Bindian Signalizing Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/problemset ...

  3. Vs2008几个快捷键

    CTRL+M 收缩 格式化cs代码:Ctrl+k+f    格式化aspx代码:Ctrl+k+d 5. 怎样快速切换不同的窗口? Ctrl+Tab   7. 怎样快速添加代码段? 输入prop然后按两 ...

  4. Android6.0动态权限申请步骤以及需要注意的一些坑

    因为工作需要,简单研究了一下Android6.0权限申请,在Google提供的sample的基础上,写了一个简单的demo.算是自己的笔记吧,可能会比较混乱,主要是方便以后查看.后期有别的问题,随时更 ...

  5. plupload上传插件在SpringMVC中的整合

    前言:近期在给学院的站点做一个加入附件的功能,首先到了某某邮箱看了一下.简单有用.可是是flash做的,无法拷贝.就仅仅好上网找插件了.经过筛选.最终找到plupload这款插件(其实有的编辑器自带加 ...

  6. 【Unity3D】【NGUI】怎样动态给EventDelegate加入參数

    NGUI版本号:3.6.8 注意:參数必须是公共成员变量.不能是栈上的.或者私有的(就是暂时在函数里面定义的或者是函数的參数都不行) using UnityEngine; using System.C ...

  7. knockout 监控数组的缺点

    knockout的监控数组没有想象中的强大,只能监控数组元素的位置变化,或个数的增减,然后对视图对应区域进行同步. <!DOCTYPE html> <html> <hea ...

  8. Python面试题汇总

    原文:http://blog.csdn.net/jerry_1126/article/details/44023949 拿网络上关于Python的面试题汇总了,给出了自认为合理的答案,有些题目不错,可 ...

  9. 帧与场 - djf_1985的专栏 - 博客频道 - CSDN.NET

    帧与场 - djf_1985的专栏 - 博客频道 - CSDN.NET 电视信号是通过摄像机对自然景物的扫描并经光电转换形成的.扫描方式分为“逐行扫描”和“隔行扫描”.“逐行扫描”指每幅图像均是由电子 ...

  10. sed命令用法详解

    sed命令用法 sed是一种流编辑器,它是文本处理中非常有用的工具,能够完美的配合正则表达式使用,功能不同凡响.处理时,把当前处理的行存储在临时缓冲区中,称为『模式空间』(pattern space) ...