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 操作单选框,复选框,下拉列表实现代码
Oct 27 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
iframe如何动态创建及释放其所占内存
Sep 03 Javascript
JavaScript动态插入CSS的方法
Dec 10 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
Oct 10 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
Oct 15 Javascript
Vue 拦截器对token过期处理方法
Jan 23 Javascript
vue实现打印功能的两种方法
Sep 07 Javascript
vue实现多个元素或多个组件之间动画效果
Sep 25 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
Oct 09 Javascript
史上最为详细的javascript继承(推荐)
May 18 Javascript
Vue+Java+Base64实现条码解析的示例
Sep 23 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中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
PHP 文件扩展名 获取函数
2009/06/03 PHP
PHP set_time_limit(0)长连接的实现分析
2010/03/02 PHP
PHP未登录自动跳转到登录页面
2016/12/21 PHP
PHP 实现从数据库导出到.csv文件方法
2017/07/06 PHP
ThinkPHP like模糊查询,like多匹配查询,between查询,in查询,一般查询书写方法
2018/09/26 PHP
php实现微信公众号企业转账功能
2018/10/01 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
Aliyun Linux 编译安装 php7.3 tengine2.3.2 mysql8.0 redis5的过程详解
2020/10/20 PHP
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
JavaScript中计算网页中某个元素的位置
2015/06/10 Javascript
angular基于路由控制ui-router实现系统权限控制
2016/09/27 Javascript
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
基于Node的React图片上传组件实现实例代码
2017/05/10 Javascript
AngularJS读取JSON及XML文件的方法示例
2017/05/25 Javascript
highcharts 在angular中的使用示例代码
2017/09/20 Javascript
详解JS数值Number类型
2018/02/07 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
jQuery实现颜色打字机的完整代码
2020/03/19 jQuery
JavaScript中使用Spread运算符的八种方法总结
2020/06/18 Javascript
Python生成pdf文件的方法
2014/08/04 Python
python实现简单的计时器功能函数
2015/03/14 Python
Python导入txt数据到mysql的方法
2015/04/08 Python
Python 用Redis简单实现分布式爬虫的方法
2017/11/23 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
python之当你发现QTimer不能用时的解决方法
2019/06/21 Python
华为2019校招笔试题之处理字符串(python版)
2019/06/25 Python
Python 在局部变量域中执行代码
2020/08/07 Python
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
OLEDBConnection和SQLConnection有什么区别
2013/05/31 面试题
委托证明的格式
2014/01/10 职场文书
党章学习思想汇报
2014/01/14 职场文书
护士在校生自荐信
2014/02/01 职场文书
教师党员岗位承诺书
2014/05/29 职场文书
2016基督教会圣诞节开幕词
2016/03/04 职场文书