jqueyr判断checkbox组的选中(示例代码)


Posted in Javascript onNovember 08, 2013

html:

  <tr>
                        <td align="right">
                        </td>
                        <td align="left" colspan="3">
                            <input type="checkbox" class="checkboxListItem" name="checkItem" value="3" id="slsa_approval" />批准   
                            <input type="checkbox" class="checkboxListItem" name="checkItem" value="4" id="slsa_noApproval" />不批准
                        </td>
                    </tr>

jquery :
$(function () {
    $(".checkboxListItem").change(    //教师
        function () {
            var $checkValue = $("input[name='checkItem']:checked").val();
            if ($checkValue == 3) {
                $("#slsa_approval").attr("checked", true);
                $("#slsa_noApproval").attr("checked", false); 
            }
            else {
                $("#slsa_approval").attr("checked", false);
                $("#slsa_noApproval").attr("checked", true); 
            }
        }); 
});

通过值的判断:
 var checkCheckbox = $("#slsa_approval").attr("checked");
        if (checkCheckbox == true) {
            auditState = "3";
        } else {
            auditState = "4";
        }
Javascript 相关文章推荐
ASP中Sub和Function的区别说明
Aug 30 Javascript
Jquery 插件开发笔记整理
Jan 17 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
Aug 02 Javascript
javaScript(JS)替换节点实现思路介绍
Apr 17 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
May 24 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
详解JavaScript中的自定义事件编写
May 10 Javascript
jQuery ajax应用总结
Jun 02 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
Jun 20 Javascript
js中常用的Tab切换效果(推荐)
Aug 30 Javascript
什么是Vue.js框架 为什么选择它?
Oct 17 Javascript
Vue header组件开发详解
Jan 26 Javascript
iframe子父页面调用js函数示例
Nov 07 #Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
Nov 07 #Javascript
Checbox的操作含已选、未选及判断代码
Nov 07 #Javascript
js操作label给label赋值及取label的值示例
Nov 07 #Javascript
js实现幻灯片播放图片示例代码
Nov 07 #Javascript
JS实现定时页面弹出类似QQ新闻的提示框
Nov 07 #Javascript
得到form下的所有的input的js代码
Nov 07 #Javascript
You might like
php gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
PHP-CGI进程CPU 100% 与 file_get_contents 函数的关系分析
2011/08/15 PHP
PHP禁止页面缓存的代码
2011/10/23 PHP
php.ini 配置文件的深入解析
2013/06/17 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
js 处理数组重复元素示例代码
2013/12/27 Javascript
jquery实现更改表格行顺序示例
2014/04/30 Javascript
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
JS、jQuery中select的用法详解
2016/04/21 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
原生js实现弹出层登录拖拽功能
2016/12/05 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
jQuery操作css样式
2017/05/15 jQuery
详细讲解如何创建, 发布自己的 Vue UI 组件库
2019/05/29 Javascript
Node绑定全局TraceID的实现方法
2019/11/14 Javascript
JavaScript实时更新当前的时间的示例代码
2020/07/15 Javascript
vue+flask实现视频合成功能(拖拽上传)
2021/03/04 Vue.js
Python常见文件操作的函数示例代码
2011/11/15 Python
跟老齐学Python之??碌某?? target=
2014/09/12 Python
解决Django模板无法使用perms变量问题的方法
2017/09/10 Python
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
Python3删除排序数组中重复项的方法分析
2019/01/31 Python
深入理解Python变量的数据类型和存储
2021/02/01 Python
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
经济实惠的豪华家具:My-Furniture
2019/03/12 全球购物
Ajax实现页面无刷新留言效果
2021/03/24 Javascript
宣传活动总结范文
2014/07/01 职场文书
讲文明知礼仪演讲稿
2014/09/13 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
优秀教师申报材料
2014/12/16 职场文书
应用最多的公文《通知》如何写?
2019/04/02 职场文书
win10重装系统后上不了网怎么办 win10重装系统网络故障的解决办法
2022/07/23 数码科技