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 相关文章推荐
使用prototype.js 的时候应该特别注意的几个问题.
Apr 12 Javascript
javascript showModalDialog模态对话框使用说明
Dec 31 Javascript
表单的焦点顺序tabindex和对应enter键提交
Jan 04 Javascript
javascript中的正则表达式使用指南
Mar 01 Javascript
vue自定义指令实现v-tap插件
Nov 03 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
Nov 15 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
Nov 25 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
Jun 12 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
Sep 10 Javascript
AngularJs 延时器、计时器实例代码
Sep 16 Javascript
微信小程序swiper左右扩展各显示一半代码实例
Dec 05 Javascript
vue2.0实现列表数据增加和删除
Jun 17 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中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
php如何解决无法上传大于8M的文件问题
2014/03/10 PHP
php获取本周星期一具体日期的方法
2015/04/20 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
学习ExtJS table布局
2009/10/08 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
深入理解Javascript动态方法调用与参数修改的问题
2013/12/10 Javascript
JavaScript解析json格式数据简单示例
2014/12/09 Javascript
DOM基础教程之模型中的模型节点
2015/01/19 Javascript
javascript操作ul中li的方法
2015/05/14 Javascript
Bootstrap每天必学之栅格系统(布局)
2015/11/25 Javascript
jquery的ajax提交form表单的两种方法小结(推荐)
2016/05/25 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
vue实现动态数据绑定
2017/04/28 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
解决Vue项目中tff报错的问题
2020/10/21 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
Django Rest framework权限的详细用法
2019/07/25 Python
django 自定义filter 判断if var in list的例子
2019/08/20 Python
Python代码注释规范代码实例解析
2020/08/14 Python
python将数据插入数据库的代码分享
2020/08/16 Python
python logging模块的使用详解
2020/10/23 Python
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
官方授权图形T恤和服装:Fifth Sun
2019/06/12 全球购物
高级Java程序员面试要点
2013/08/02 面试题
涉外文秘个人求职的自我评价
2013/10/07 职场文书
高中历史教学反思
2014/02/08 职场文书
廉洁自律演讲稿
2014/05/22 职场文书
体育教师求职信
2014/05/24 职场文书
预备党员转正考核材料
2014/06/03 职场文书
电影雷锋观后感
2015/06/10 职场文书
教务处教学工作总结
2015/08/10 职场文书
商务信函英语问候语
2015/11/10 职场文书
完美处理python与anaconda环境变量的冲突问题
2021/04/07 Python
Python控制台输出俄罗斯方块移动和旋转功能
2021/04/18 Python