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 相关文章推荐
JQuery 学习笔记 选择器之四
Jul 23 Javascript
JS验证日期的格式YYYY-mm-dd 具体实现
Jun 29 Javascript
js锁屏解屏通过对$.ajax进行封装实现
Jul 31 Javascript
简介JavaScript中的setHours()方法的使用
Jun 11 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
Feb 27 Javascript
jQuery实现两列等高并自适应高度
Dec 22 Javascript
JS+canvas画一个圆锥实例代码
Dec 13 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
Jan 31 Javascript
vue-router相关基础知识及工作原理
Mar 16 Javascript
JavaScript事件冒泡机制原理实例解析
Jan 14 Javascript
vue 组件简介
Jul 31 Javascript
js实现批量删除功能
Aug 27 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
封装一个PDO数据库操作类代码
2009/09/09 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
Yii2 hasOne(), hasMany() 实现三表关联的方法(两种)
2017/02/15 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
打开超链需要“确认”对话框的方法
2007/03/08 Javascript
使用jQuery的将桌面应用程序引入浏览器
2010/11/19 Javascript
放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解
2013/04/20 Javascript
js冒泡法和数组转换成字符串示例代码
2013/08/14 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
再谈javascript原型继承
2014/11/10 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
js实现的早期滑动门菜单效果代码
2015/08/27 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
2017/04/20 Javascript
javascript使用正则实现去掉字符串前面的所有0
2018/07/23 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
JavaScript 处理树数据结构的方法示例
2019/06/16 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
js闭包的9个使用场景
2020/12/29 Javascript
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
浅谈Pandas中map, applymap and apply的区别
2018/04/10 Python
Python 面试中 8 个必考问题
2018/11/16 Python
python使用 zip 同时迭代多个序列示例
2019/07/06 Python
Python FTP文件定时自动下载实现过程解析
2019/11/12 Python
python3 tcp的粘包现象和解决办法解析
2019/12/09 Python
使用Python和百度语音识别生成视频字幕的实现
2020/04/09 Python
推荐值得学习的12款python-web开发框架
2020/08/10 Python
详解BeautifulSoup获取特定标签下内容的方法
2020/12/07 Python
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
耐克巴西官方网站:Nike巴西
2016/08/14 全球购物
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
科室工作个人总结的自我评价
2013/10/29 职场文书
DIY手工制作经营店创业计划书
2014/02/01 职场文书
领导干部民主生活会自我剖析材料范文
2014/09/20 职场文书
2015年工程部工作总结
2015/04/30 职场文书
如何写通讯稿
2015/07/22 职场文书