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 相关文章推荐
如果文字过长,则将过长的部分变成省略号显示
Jun 26 Javascript
JavaScript RegExp方法获取地址栏参数(面向对象)
Mar 10 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
Aug 14 Javascript
Node.js实现批量去除BOM文件头
Dec 20 Javascript
javascript数组随机排序实例分析
Jul 22 Javascript
JavaScript DOM 学习总结(五)
Nov 24 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
JavaScript实现网页头部进度条刷新
Apr 16 Javascript
angular4笔记系列之内置指令小结
Nov 09 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
Jun 27 Javascript
Vue Router中应用中间件的方法
Aug 06 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 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中call_user_func_array回调函数的用法示例
2016/11/26 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
CI框架教程之优化验证码机制详解【验证码辅助函数】
2019/04/16 PHP
MacOS下PHP7.1升级到PHP7.4.15的方法
2021/02/22 PHP
基于JQuery框架的AJAX实例代码
2009/11/03 Javascript
JS多物体 任意值 链式 缓冲运动
2012/08/10 Javascript
js定时调用方法成功后并停止调用示例
2014/04/08 Javascript
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
基于Bootstrap实现图片轮播效果
2016/05/22 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
jquery mobile移动端幻灯片滑动切换效果
2020/04/15 Javascript
JavaScript控制浏览器全屏显示简单示例
2018/07/05 Javascript
详解vue挂载到dom上会发生什么
2019/01/20 Javascript
node事件循环和process模块实例分析
2020/02/14 Javascript
Element图表初始大小及窗口自适应实现
2020/07/10 Javascript
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
详解Python list 与 NumPy.ndarry 切片之间的对比
2017/07/24 Python
python smtplib模块实现发送邮件带附件sendmail
2018/05/22 Python
全网首秀之Pycharm十大实用技巧(推荐)
2020/04/27 Python
PyCharm中如何直接使用Anaconda已安装的库
2020/05/28 Python
Python如何实现定时器功能
2020/05/28 Python
超酷炫 CSS3垂直手风琴菜单
2016/06/28 HTML / CSS
施华洛世奇意大利官网:SWAROVSKI意大利
2018/07/23 全球购物
Charles & Keith欧盟:新加坡时尚品牌
2019/08/01 全球购物
安德玛加拿大官网:Under Armour加拿大
2019/10/02 全球购物
MyBag中文网:英国著名的时尚包袋电商零售网站
2020/07/31 全球购物
热能动力工程毕业生自荐信
2013/11/07 职场文书
慰问敬老院活动总结
2014/04/26 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
个人查摆问题及整改措施
2014/10/16 职场文书
2014年社团工作总结范文
2014/11/27 职场文书
结婚保证书
2015/01/16 职场文书
物业前台接待岗位职责
2015/04/03 职场文书
幼儿园语言教学反思
2016/02/23 职场文书
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python