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 相关文章推荐
5分钟理解JavaScript中this用法分享
Nov 09 Javascript
使用jQuery管理选择结果
Jan 20 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
Jun 15 Javascript
vue项目上传Github预览的实现示例
Nov 06 Javascript
Vue 事件处理操作实例详解
Mar 05 Javascript
vue router 用户登陆功能的实例代码
Apr 24 Javascript
Vue使用localStorage存储数据的方法
May 27 Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
Apr 13 Javascript
swiper4实现移动端导航栏tab滑动切换
Oct 16 Javascript
微信小程序实现加入购物车滑动轨迹
Nov 18 Javascript
原生js实现下拉框选择组件
Jan 20 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
东芝TOSHIBA RP-F11电路分析
2021/03/02 无线电
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
2007/04/20 Javascript
JQuery 学习笔记01 JQuery初接触
2010/05/06 Javascript
JavaScript接口实现代码 (Interfaces In JavaScript)
2010/06/11 Javascript
jquery随机展示头像代码
2011/12/21 Javascript
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
JavaScript实现简单图片滚动附源码下载
2014/06/17 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
kindeditor修复会替换script内容的问题
2015/04/03 Javascript
js中日期的加减法
2015/05/06 Javascript
javascript常用功能汇总
2015/07/05 Javascript
JS实现灵巧的下拉导航效果代码
2015/08/25 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
angular directive的简单使用总结
2017/05/24 Javascript
Angular实现的table表格排序功能完整示例
2017/12/22 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
2018/01/02 Javascript
vue--点击当前增加class,其他删除class的方法
2018/09/15 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
2018/09/30 Javascript
three.js搭建室内场景教程
2018/12/30 Javascript
vue跳转方式(打开新页面)及传参操作示例
2020/01/26 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
[48:51]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第一场 11.28
2020/12/02 DOTA
Python 通过pip安装Django详细介绍
2017/04/28 Python
python 利用文件锁单例执行脚本的方法
2019/02/19 Python
python代理工具mitmproxy使用指南
2019/07/04 Python
Python-copy()与deepcopy()区别详解
2019/07/12 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
python列表删除和多重循环退出原理详解
2020/03/26 Python
scrapy与selenium结合爬取数据(爬取动态网站)的示例代码
2020/09/28 Python
全网最详细的PyCharm+Anaconda的安装过程图解
2021/01/25 Python
CSS3媒体查询Media Queries基础学习教程
2016/02/29 HTML / CSS
英文简历中的自我评价用语
2013/12/09 职场文书
机关党员2014全国两会学习心得体会
2014/03/10 职场文书
2015年乡镇信访工作总结
2015/04/07 职场文书
行政答辩状范文
2015/05/21 职场文书
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python