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 自动增长的文本输入框实现代码
Apr 02 Javascript
基于jquery跨浏览器显示的file上传控件
Oct 24 Javascript
javaScript面向对象继承方法经典实现
Aug 20 Javascript
node.js中的url.resolve方法使用说明
Dec 10 Javascript
Javascript核心读书有感之语言核心
Feb 01 Javascript
jquery实现的用户注册表单提示操作效果代码分享
Aug 28 Javascript
Javascript如何判断数据类型和数组类型
Jun 22 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
Sep 01 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
Dec 25 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
Feb 23 Javascript
vue.js实现点击图标放大离开时缩小的代码
Jan 27 Vue.js
利用JavaScript写一个简单计算器
Nov 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
论建造顺序的重要性
2020/03/04 星际争霸
php中防止SQL注入的最佳解决方法
2013/04/25 PHP
php分页示例分享
2014/04/30 PHP
ASP和PHP实现生成网站快捷方式并下载到桌面的方法
2014/05/08 PHP
Yii扩展组件编写方法实例分析
2015/06/29 PHP
php防止CC攻击代码 php防止网页频繁刷新
2015/12/21 PHP
JavaScript中的变量作用域介绍
2014/12/31 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
JQuery实现鼠标移动图片显示描述层的方法
2015/06/25 Javascript
函数window.open实现关闭所有的子窗口
2015/08/03 Javascript
JS实现来回出现文字的状态栏特效代码
2015/10/31 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
Vue.js在数组中插入重复数据的实现代码
2017/11/17 Javascript
[52:57]2014 DOTA2国际邀请赛中国区预选赛 LGD-CDEC VS HGT
2014/05/21 DOTA
[01:00:44]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第三局
2016/03/04 DOTA
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
KMP算法精解及其Python版的代码示例
2016/06/01 Python
pandas获取groupby分组里最大值所在的行方法
2018/04/20 Python
pandas每次多Sheet写入文件的方法
2018/12/10 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
HTML5中在title标题标签里设置小图标的方法
2020/06/23 HTML / CSS
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
List、Map、Set三个接口,存取元素时,各有什么特点?
2015/09/27 面试题
linux面试相关问题
2013/04/28 面试题
自我评价的正确写法
2013/09/19 职场文书
大学生实习自我鉴定
2013/12/11 职场文书
擅自离岗检讨书
2014/02/11 职场文书
俄语专业毕业生求职信
2014/07/12 职场文书
交通事故和解协议书
2014/09/25 职场文书
观看焦裕禄观后感
2015/06/09 职场文书
党员反四风学习心得体会
2016/01/22 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python
Python激活Anaconda环境变量的详细步骤
2021/06/08 Python
Python+Tkinter制作专属图形化界面
2022/04/01 Python