js动态写入check；设置 checked；选取,获取数据

  <div class="ie8"><span class="span">学历：</span><input type="hidden" class="educational" name="educational" value="{$educational}"><input class="cbInp eduName" readonly="readonly" value="请选择"></input><div class="cbSele"><input type="checkbox" name="cb" value="1" class="edu1" data="研究生">&nbsp;&nbsp; 研究生<br><input type="checkbox" name="cb" value="2" class="edu2" data="全日制本科">&nbsp;&nbsp; 全日制本科<br><input type="checkbox" name="cb" value="3" class="edu3" data="大学本科">&nbsp;&nbsp; 大学本科<br><input type="checkbox" name="cb" value="4" class="edu4" data="大学专科">&nbsp;&nbsp; 大学专科<br><input type="checkbox" name="cb" value="5" class="edu5" data="专科以下">&nbsp;&nbsp; 专科以下<br></div>
</div>// 动态写入htmlvar n_partmentids = brushval(partmentids);if (partmentlist) {var names = "";for (var i in partmentlist) {if (n_partmentids.indexOf(partmentlist[i].partmentid) > -1) {var inpHtml = '<input type="checkbox" name="cb4"  data="' + partmentlist[i].UNITNAME + '" value="' + partmentlist[i].partmentid + '"  checked  >' + partmentlist[i].UNITNAME + '<br>';$(".partmentHtml").append(inpHtml);var name = partmentlist[i].UNITNAME;names += (name + ",");} else if (partmentlist[i].UNITNAME == undefined) {} else {var inpHtml = '<input type="checkbox" name="cb4" data="' + partmentlist[i].UNITNAME + '" value="' + partmentlist[i].partmentid + '">' + partmentlist[i].UNITNAME + '<br>';$(".partmentHtml").append(inpHtml);}$('.partmentName').val(names);}}//array去重function brushval(arr) {var new_arr_ids = [];for (var i = 0; i < arr.length; i++) {var items = arr[i];if ($.inArray(items, new_arr_ids) == -1) {new_arr_ids.push(items);}}return new_arr_ids;}//设置默认 checkedif  (educationals[0]) {var edunames = "";for (i in educationals) {if (typeof educationals[i] == "string") {$('.edu' + educationals[i]).prop("checked", true);var name = $('.edu' + educationals[i]).attr("data")edunames += (name + ",");}}$('.eduName').val(edunames);}//学历：$(".cbInp").focus(function() {if ($('.cbSele').css("display") == "inline-block" || $('.cbSele').css("display") == "block") {$(".cbSele").css("display", "none");} else {$(".cbSele").css("display", "inline-block");}});$(".cbInp").blur(function() {});$("input[name='cb']").change(function() {var ids = "";var texts = "";$("input:checkbox[name='cb']:checked").each(function(i) {var t = $(this).val();if (t == 1) {tn = '研究生'} else if (t == 2) {tn = '全日制本科'} else if (t == 3) {tn = '大学本科'} else if (t == 4) {tn = '大学专科'} else {tn = '专科以下'}if (0 == i) {ids = tn;texts = $(this).val();} else {ids += ("," + tn);texts += ("," + $(this).val());}});$('.cbInp').val(ids);$('.educational').val(texts);if (ids == '') {var nt = '请选择'$('.cbInp').val(nt);$('.educational').val('');}});//删除指定数据Array.prototype.indexOf = function(val) {for (var i = 0; i < this.length; i++) {if (this[i] == val) return i;}return -1;};// 给数组添加remove 函数，即删除指定元素。 Array.prototype.remove = function(val) {var index = this.indexOf(val);if (index > -1) {this.splice(index, 1);}};// 使用方法new_arr_texts.remove(checkedtext);

                 <div class="ie8"><span class="span">单位名称：</span><input type="hidden" name="partmentid" class="partmentid cbInp4" value="{$partmentid}"><input class="cbInp4 partmentName" readonly="readonly" value=""></input><div class="cbSele4"><span class="btn btn-swdzb partmentAll">全选</span><span class="btn btn-swdzb partmentUn">全不选</span><div class="partmentHtml"></div></div></div>//动态写入htmlvar n_partmentids = brushval(partmentids);if (partmentlist) {var names = "";for (var i in partmentlist) {if (n_partmentids.indexOf(partmentlist[i].partmentid) > -1) {var inpHtml = '<input type="checkbox" name="cb4"  data="' + partmentlist[i].UNITNAME + '" value="' + partmentlist[i].partmentid + '"  checked  >' + partmentlist[i].UNITNAME + '<br>';$(".partmentHtml").append(inpHtml);var name = partmentlist[i].UNITNAME;names += (name + ",");} else if (partmentlist[i].UNITNAME == undefined) {} else {var inpHtml = '<input type="checkbox" name="cb4" data="' + partmentlist[i].UNITNAME + '" value="' + partmentlist[i].partmentid + '">' + partmentlist[i].UNITNAME + '<br>';$(".partmentHtml").append(inpHtml);}$('.partmentName').val(names);}}//单位名称$(".cbInp4").focus(function() {if ($('.cbSele4').css("display") == "inline-block" || $('.cbSele4').css("display") == "block") {$(".cbSele4").css("display", "none");} else {$(".cbSele4").css("display", "inline-block");}});$(".cbInp").blur(function() {});$("input[name='cb4']").change(function() {var ids = "";var texts = "";var checkedval;var checkedtext;if (!$(this).is(':checked')) {checkedval = $(this).val();checkedtext = $(this).attr("data");$(this).prop("checked", false)}$("input:checkbox[name='cb4']:checked").each(function(i, value) {var v = $(this).val();var t = value.nextSibling.nodeValue;if (0 == i) {ids = v;texts = t;} else {ids += ("," + v);texts += ("," + t);}});var idsArr = ids.split(",");var textsArr = texts.split(",");var new_arr_ids = brushval(idsArr)var new_arr_texts = brushval(textsArr)new_arr_ids.remove(checkedval);new_arr_texts.remove(checkedtext);$('.partmentid').val(new_arr_ids);$('.partmentName').val(new_arr_texts);if (ids == '') {var nt = '请选择'$('.partmentName').val(nt);$('.partmentid').val('');}});//全选$(".partmentAll").click(function() {$("[name=cb4]:checkbox").each(function() {$(this).prop("checked", true);});var ids = "";var texts = "";$("input:checkbox[name='cb4']:checked").each(function(i, value) {var v = $(this).val();var t = value.nextSibling.nodeValue;if (0 == i) {ids = v;texts = t} else {ids += ("," + v);texts += ("," + t);}});$('.partmentid').val(ids);$('.partmentName').val(texts);if (ids == '') {var nt = '请选择'$('.partmentName').val(nt);$('.partmentid').val('');}});//全不选$(".partmentUn").click(function() {$("[name=cb4]:checkbox").each(function() {$(this).prop("checked", false);});var nt = '请选择'$('.partmentName').val(nt);$('.partmentid').val('');});

js动态写入check；设置 checked；选取,获取数据相关推荐

MariaDB 10.0.X中，动态列支持 JSON 格式来获取数据
MariaDB 10.0.X中,动态列(Dynamic Columns),可以支持 JSON 格式来获取数据. 为了兼容传统SQL语法,MariaDB 10和MySQL5.7支持原生JSON格式,即关 ...
Flume 1.7 源码分析（五）从Channel获取数据写入Sink
Flume 1.7 源码分析(一)源码编译 Flume 1.7 源码分析(二)整体架构 Flume 1.7 源码分析(三)程序入口 Flume 1.7 源码分析(四)从Source写数据到Channe ...
使用echarts绘制统计分析图表（动态从后台获取数据）
说明:实际项目中的统计分析模块不仅需要数据以表格的方式显示,还需要用图形化的方式进一步渲染,以提升数据的可观性,以下是使用echarts来进行绘制统计分析图表的案例: 文章目录一.第一个静态echa ...
qtableview点击行将整行数据传过去_可以实时获取数据的Database Asset插件
前言:Goby之前开放的插件入口点较少,大家只能在扫描前.扫描后执行事件,无法参与扫描过程中来.为实现更多场景的应用及提高扫描效率(如:后台爆破子域名等),Goby开放了一些新的API:事件通知机制. ...
111 ajax获取数据jsrender显示数据
文章目录 1.通过dom操作实现数据的显示 2.使用jsrender显示数据使用 axios实现 ajax获取天气数据并显示数据界面如下: 引入bootstrap样式 <link rel=& ...
html设置根rem,经过js动态设置根元素的rem方案
rem目前是响应式开发移动端一个很重要也是经常使用的一个元素,可是在网上看的各类文章都会超级懵逼.因此我在下面给出两个方案,也列举出使用方法,让你们一目了然.前提是设计稿以750为准.其中测试的设计稿 ...
各种组件的js 获取值 / js动态赋值
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为 ...
Echarts3通过ajax动态获取数据，30秒定时图表数据,设置图表线条颜色和粗细
Echarts3通过ajax动态获取数据,30秒定时图表数据,设置图表线条颜色和粗细代码块 <!DOCTYPE html> <head><meta charset=&q ...
通过js动态创建标签，并设置属性
当我们在写jsp页面时,往往会遇到这种情况:从后台获取的数据个数不确定,此时在前端写jsp页面时也就不确定怎么设计了.这个时候就需要通过js动态创建标签: 1.创建某个标签:如下在body中创建一个d ...

js动态写入check；设置 checked；选取,获取数据

js动态写入check；设置 checked；选取,获取数据相关推荐

最新文章

热门文章

js动态写入check； 设置 checked； 选取,获取数据

js动态写入check； 设置 checked； 选取,获取数据相关推荐

最新文章

热门文章

js动态写入check；设置 checked；选取,获取数据

js动态写入check；设置 checked；选取,获取数据相关推荐