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 相关文章推荐
javascript学习笔记(十一) 正则表达式介绍
Jun 20 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
Nov 15 Javascript
JS实现日期加减的方法
Nov 29 Javascript
javascript格式化json显示实例分析
Apr 21 Javascript
Javascript实现获取及设置光标位置的方法
Jul 21 Javascript
防止Node.js中错误导致进程阻塞的办法
Aug 11 Javascript
利用yarn实现一个webpack+react种子
Oct 25 Javascript
node.js多个异步过程中判断执行是否完成的解决方案
Dec 10 Javascript
使用layer弹窗和layui表单实现新增功能
Aug 09 Javascript
原生JS实现轮播图效果
Oct 12 Javascript
浅谈JavaScript面向对象--继承
Mar 20 Javascript
微信小程序使用自定义组件导航实现当前页面高亮
Jan 02 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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
php实现爬取和分析知乎用户数据
2016/01/26 PHP
PHP扩展安装方法步骤解析
2020/11/24 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
js 获取计算后的样式写法及注意事项
2013/02/25 Javascript
js通过更改按钮的显示样式实现按钮的滑动效果
2014/04/23 Javascript
node.js中的buffer.toJSON方法使用说明
2014/12/14 Javascript
JavaScript如何实现对数字保留两位小数一位自动补零
2015/12/18 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
2015/12/19 Javascript
JavaScript之WebSocket技术详解
2016/11/18 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
nodejs后台集成ueditor富文本编辑器的实例
2017/07/11 NodeJs
Vue实现web分页组件详解
2017/11/28 Javascript
对于防止按钮重复点击的尝试详解
2019/04/22 Javascript
微信小程序实现上拉加载功能
2019/11/20 Javascript
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
[51:14]LGD vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
Python中random模块生成随机数详解
2016/03/10 Python
Python3中条件控制、循环与函数的简易教程
2017/11/21 Python
pycharm下查看python的变量类型和变量内容的方法
2018/06/26 Python
Python列表list排列组合操作示例
2018/12/18 Python
Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法
2020/04/18 Python
python实现远程控制电脑
2019/05/23 Python
python使用selenium爬虫知乎的方法示例
2020/10/28 Python
CSS3 仿微信聊天小气泡实例代码
2017/04/05 HTML / CSS
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
Bealls Florida百货商店:生活服饰、家居装饰和鞋子
2018/02/23 全球购物
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
岗位竞聘演讲稿
2014/01/10 职场文书
初三学生评语大全
2014/04/24 职场文书
比赛口号大全
2014/06/10 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
导游词之吉林吉塔
2019/11/11 职场文书
MySQL8.0升级的踩坑历险记
2021/11/01 MySQL