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 相关文章推荐
js跨域请求的5中解决方式
Jul 02 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
Window.Open打开窗体和if嵌套代码
Apr 15 Javascript
AngularJS内建服务$location及其功能详解
Jul 01 Javascript
jQuery stop()用法实例详解
Jul 28 Javascript
JavaScript中三种常见的排序方法
Feb 24 Javascript
详解Vue2 无限级分类(添加,删除,修改)
Mar 07 Javascript
Vue生命周期示例详解
Apr 12 Javascript
JS实现全屏预览F11功能的示例代码
Jul 23 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
Aug 07 Javascript
vue data有值,但是页面{{}} 取不到值的解决
Nov 09 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实现文件安全下载
2006/10/09 PHP
phpword插件导出word文件时中文乱码问题处理方案
2014/08/19 PHP
thinkphp模板的包含与渲染实例分析
2014/11/26 PHP
学习php设计模式 php实现建造者模式
2015/12/07 PHP
php实现的生成排列算法示例
2019/07/25 PHP
JS启动应用程序的一个简单例子
2008/05/11 Javascript
老生常谈onBlur事件与onfocus事件(js)
2016/07/09 Javascript
微信小程序  生命周期详解
2016/10/27 Javascript
详解jQuery的Cookie插件
2016/11/23 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
2016/12/02 Javascript
微信小程序 五星评价功能的实现
2017/03/09 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
2017/11/17 Javascript
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
2018/02/05 Javascript
JavaScript继承定义与用法实践分析
2018/05/28 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
微信接入之获取用户头像的方法步骤
2019/09/23 Javascript
Vue 实现把表单form数据 转化成json格式的数据
2019/10/29 Javascript
js实现旋转木马轮播图效果
2020/01/10 Javascript
JS实现电脑虚拟键盘打字测试
2020/06/24 Javascript
如何区分vue中的v-show 与 v-if
2020/09/08 Javascript
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
利用Python将时间或时间间隔转为ISO 8601格式方法示例
2017/09/05 Python
Python基于execjs运行js过程解析
2020/11/27 Python
Python创建文件夹与文件的快捷方法
2020/12/08 Python
python 制作本地应用搜索工具
2021/02/27 Python
HTML5 Video标签的属性、方法和事件汇总介绍
2015/04/24 HTML / CSS
Bogner美国官网:滑雪服中的”Dior”
2018/01/30 全球购物
如何转换一个字符串到enum值
2014/04/12 面试题
银行主办会计岗位职责
2014/08/13 职场文书
党员对照检查材料思想汇报(党的群众路线)
2014/09/24 职场文书
辞职信如何写
2015/02/27 职场文书
我们的节日重阳节活动总结
2015/03/24 职场文书
法定代表人身份证明书
2015/06/18 职场文书
2019年学校消防安全责任书(2篇)
2019/10/09 职场文书
MySQL锁机制
2021/04/05 MySQL