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 AJAX POST与GET之间的区别
Nov 14 Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
Feb 12 Javascript
JS实现倒计时和文字滚动的效果实例
Oct 29 Javascript
使用window.prompt()实现弹出用户输入的对话框
Apr 13 Javascript
JQuery实现鼠标移动图片显示描述层的方法
Jun 25 Javascript
javascript针对cookie的基本操作实例详解
Nov 30 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
Jun 02 Javascript
jQuery1.9+中删除了live以后的替代方法
Jun 17 Javascript
Javascript中常见的逻辑题和解决方法
Sep 17 Javascript
谈谈因Vue.js引发关于getter和setter的思考
Dec 02 Javascript
vue项目中使用百度地图的方法
Jun 08 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
Jul 31 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
咖啡与牛奶
2021/03/03 冲泡冲煮
PHP源码之 ext/mysql扩展部分
2009/07/17 PHP
php从右向左/从左向右截取字符串的实现方法
2011/11/28 PHP
PHP版单点登陆实现方案的实例
2016/11/17 PHP
javascript 建设银行登陆键盘
2008/06/10 Javascript
javaScript同意等待代码实现心得
2011/01/01 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
javascript中的undefined和not defined区别示例介绍
2014/02/26 Javascript
常见的原始JS选择器使用方法总结
2014/04/09 Javascript
javascript转换日期字符串为Date日期对象的方法
2015/02/13 Javascript
nodejs爬虫抓取数据之编码问题
2015/07/03 NodeJs
浅析JavaScript中的变量复制、参数传递和作用域链
2016/01/13 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
javascript简单实现等比例缩小图片的方法
2016/07/27 Javascript
利用Vue.js指令实现全选功能
2016/09/08 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
Node.js中的http请求客户端示例(request client)
2017/05/04 Javascript
简单实现jquery隔行变色
2017/11/09 jQuery
vue中路由验证和相应拦截的使用详解
2017/12/13 Javascript
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
详解Node 定时器
2018/02/26 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
2018/12/23 Javascript
vue使用Font Awesome的方法步骤
2019/02/26 Javascript
小程序实现短信登录倒计时
2019/07/12 Javascript
微信小程序下拉框搜索功能的实现方法
2019/07/31 Javascript
js实现简单的无缝轮播效果
2020/09/05 Javascript
[01:13:08]2018DOTA2亚洲邀请赛4.6 淘汰赛 mineski vs LGD 第二场
2018/04/10 DOTA
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
纯CSS3实现的井字棋游戏
2020/11/25 HTML / CSS
教师实习期自我鉴定
2013/10/06 职场文书
小车司机岗位职责
2013/11/25 职场文书
2016年小学教师师德承诺书
2016/03/25 职场文书
Vue鼠标滚轮滚动切换路由效果的实现方法
2021/08/04 Vue.js