前端checkbox

$(function () {$('.needredcolor input[type="checkbox"]').each(function () {//判断是否包含  大于0表示包含  小于0 表示不包含if(grzhs.indexOf($(this).val())>=0){$(this).prop("checked",true);}})})

checkbox 反显

 var grzhs = [];$('.needredcolor input[type="checkbox"]').change(function () {if($(this).is(":checked")){grzhs.push($(this).val());}else{grzhs.remove($(this).val());}})Array.prototype.remove = function(val) {var index = this.indexOf(val);if (index > -1) {this.splice(index, 1);}};

jsp数组以及数组删除方法

 grzhs.join(",")

字符串逗号分隔

 function deleteRenyuan() {$('#cljcList input[type="checkbox"]:checked').each(function () {var grzh = $(this).val();grzhs.remove(grzh);})gotoPage2(1);}

checkbox选中

 <thead><tr><th class="t_c"><input type="checkbox" onclick="checkListAll()" id="topcheckbox"></th><th style="width: 6%;">个人账号</th><th style="width: 6%;">姓名</th><th style="width: 6%;">证件号码</th><th style="width: 4%;text-align: right;">缴存基数</th><th style="width: 6%;text-align: right;">个人月缴存额</th><th style="width: 6%;">单位月缴存额</th><th style="width: 8%;text-align: right;">月缴存额合计</th></tr></thead><tbody><c:forEach items="${pagView.viewList}" var="grxx"><tr class="needredcolor"><td align="center"><input type="checkbox" id = "checkbox" value="${grxx.grzh }" name="grzh"/></td><td style="font-weight:normal !important;">${grxx.grzh}</td><td>${grxx.xingming}</td><td style="font-weight:normal !important">${grxx.zjhm}</td><td style="text-align: right;"><fmt:formatNumber pattern='####,###,###.##' value='${grxx.grjcjs}' minFractionDigits='2' /></td><td><fmt:formatNumber value="${grxx.gryjce}"pattern="###,###,###,###.##"minFractionDigits="2"/></td><td><fmt:formatNumber value="${grxx.dwyjce}"pattern="###,###,###,###.##"minFractionDigits="2"/></td><td style="text-align: right;"><fmt:formatNumber pattern='####,###,###.##' value='${grxx.gryjce+grxx.dwyjce}' minFractionDigits='2' /></td></tr></c:forEach></tbody>//table全选function checkListAll() {$(".needredcolor input[id='checkbox']").each(function(i) {if (!$(this).is(":disabled")) {var flag = $("#topcheckbox").is(':checked');var grzh = $(this).val();if (flag) {$(this).prop('checked', true);$(this).attr('checked', true);if(grzhs.indexOf(grzh)<0) {grzhs.push(grzh);}} else {$(this).prop('checked', false);$(this).removeAttr("checked");grzhs.remove(grzh);}}});console.log(grzhs)}

table全选

<table id="example2" class="table table-bordered table-hover"><thead><tr><th class="t_c"><input type="checkbox" onclick="checkListAll()" id="toppcheckbox"></th><th>出生年月</th><th style="text-align: left">维护年限</th></tr></thead><tbody><c:forEach items="${pagView.viewList}" var="pz" varStatus="status"><tr class="needredcolorr"><td align="center"><input type="checkbox" id="checkboxx" value="${pz.grzh }" name="grzh"/></td><td>${pz.csny}</td><td><div class="form-group com-item-form-group ml-0"><select class="form-control select2" name="nianling" id="nianling"><option>请选择</option><option value="1">1</option><option value="2">2</option></select></div></td></tr></c:forEach></tbody>var grzhs = {};function checkListAll() {$(".needredcolorr input[id='checkboxx']").each(function(i) {if (!$(this).is(":disabled")) {var flag = $("#toppcheckbox").is(':checked');var grzh = $(this).val();if (flag) {$(this).prop('checked', true);$(this).attr('checked', true);// if(grzhs.indexOf(grzh)<0) {//     grzhs.push(grzh);// }if(!grzhs[grzh]) {//json串 就是map,key-value的形式//给value赋值,同时将grzh作为key, 0作为value一同放入json中。grzhs[grzh]="0";}} else {$(this).prop('checked', false);$(this).removeAttr("checked");// grzhs.remove(grzh);//不仅会删除value  同样会删除 key。 就是会删除该键值对delete grzhs[grzh];}}});}

前端json数组

这辈子坚持与不坚持都不可怕，怕的是独自走在坚持的道路上…

前端checkbox相关推荐

微信小程序的基础（一）
微信小程序介绍- 链接微信小程序,简称小程序,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打开应用 1. 为什么是微信小程序? 微信 ...
SpringBoot集成SpringSecurity(二) 个性化登录配置(remember-me mongodb)
前言本文件所记录的是使用SpringSecurity实现remember me功能,有兴趣的朋友可以继续阅读,有何不足之处还请各位指出(本文未对用户 - 角色 - 权限三者的关系进行详细介绍详情见 ...
解决layui前端动态设置radio、checkbox默认选项的解决方案
前几天接触一个二次开发,后台UI用的是layui框架,程序原来的TAG标签设置中自由输入的,想修改为单选.这样子的功能用于,一个产品属于两种分类的作法.第一种就是系统自带的产品分类,第二种使用标签来实 ...
html修改原生checkbox选中的颜色_[三分钟小文]前端性能优化-HTML、CSS、JS部分
阅读本文您将收获: 性能优化的整体思路在HTML.CSS.JavaScript层级的性能优化为什么要进行性能优化用户: 提升用户体验,改善页面性能开发者: 体现公司意志和开发人员技能性能优化 ...
android checkbox监听另一个checkbox选中和不选中_一个真正0基础小白学习前端开发的心路历程...
摘要:真正的0基础小白学习前端开发的心路历程. 距离第一阶段的结束敲响了末尾的声音,抱着初心从开始8号的学习到第一阶段的结束这期间要应付期末考试应付自己的各种事情学习时间总是挤出来的这次学习让我受益匪 ...
html checkbox 多选根据数据库来显示选取和未选取,前端框架（2）DIV多选复选框框的封装和MySql数据库存取...
前端框架(二)DIV多选复选框框的封装和MySql数据库存取图可以包含的寓意和含义是文字不能比拟的,先有一个效果图你也就知道这篇文章的主要内容是关于什么问题的,省去了一大堆文字的累述,看下面这张图: ...
layui table勾选框的修改_Layui默认选中table的CheckBox复选框方法_飛雲_前端开发者...
方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , ...
wpf checkbox选中触发事件_Web前端开发(16)——JQuery事件绑定与插件
事件绑定 jquery标准的绑定方式 jq对象.事件方法(回调函数); 比如给name绑定点击事件: $("#name").click(function () { alert(&q ...
前端：CheckBox事件函数js
//tbody中多选按钮事件 $("#list-table tbody").on("click", "input[type='checkbox']&q ...

前端checkbox

前端checkbox相关推荐

最新文章

热门文章