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 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
Jun 29 Javascript
异步加载script的代码
Jan 12 Javascript
JS中typeof与instanceof之间的区别总结
Nov 14 Javascript
jquery鼠标停止移动事件
Dec 21 Javascript
js限制文本框只能输入数字方法小结
Jun 16 Javascript
AngularJs中route的使用方法和配置
Feb 04 Javascript
JS定义类的六种方式详解
May 12 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
Oct 24 Javascript
Vue集成Iframe页面的方法示例
Dec 12 Javascript
浅谈JavaScript面向对象--继承
Mar 20 Javascript
Jquery实现获取子元素的方法分析
Aug 24 jQuery
js加减乘除精确运算方法实例代码
Jan 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
一个好用的分页函数
2006/11/16 PHP
PHP实现下载功能的代码
2012/09/29 PHP
PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
2014/07/23 PHP
PHP+jQuery翻板抽奖功能实现
2015/10/19 PHP
WordPress中给媒体文件添加分类和标签的PHP功能实现
2015/12/31 PHP
Yii框架结合sphinx,Ajax实现搜索分页功能示例
2016/10/18 PHP
学习YUI.Ext 第二天
2007/03/10 Javascript
向当前style sheet中插入一个新的style实现方法
2013/04/01 Javascript
在HTML代码中使用JavaScript代码的例子
2014/10/16 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
小议JavaScript中Generator和Iterator的使用
2015/07/29 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
关于cookie的初识和运用(js和jq)
2016/04/07 Javascript
Bootstrap Search Suggest使用例子
2016/12/21 Javascript
AngularJS实现网站换肤实例
2021/02/19 Javascript
js中Number数字数值运算后值不对的解决方法
2017/02/28 Javascript
vue.js 获取当前自定义属性值
2017/06/01 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
2017/10/26 Javascript
前后端常见的几种鉴权方式(小结)
2019/08/04 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
Python中使用socket发送HTTP请求数据接收不完整问题解决方法
2015/02/04 Python
解析Python中的二进制位运算符
2015/05/13 Python
PyQt4实现下拉菜单可供选择并打印出来
2018/04/20 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
如何使用python切换hosts文件
2020/04/29 Python
keras K.function获取某层的输出操作
2020/06/29 Python
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
软件测试工程师笔试题带答案
2015/03/27 面试题
幼儿园家长会邀请函
2014/01/15 职场文书
回门宴父母答谢词
2014/01/26 职场文书
银行服务感言
2014/03/01 职场文书
学校三八妇女节活动总结
2015/02/06 职场文书
继续教育个人总结
2015/03/03 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
2016党员干部廉洁自律心得体会
2016/01/13 职场文书
《乙女游戏世界对路人角色很不友好》OP主题曲无字幕动画MV公开
2022/04/05 日漫