JS----checked----checked选中和未选中的获取

星朝 2024-10-01 23:12:09 原文

, allValue.length - 1);

allValue = allValue.replace(/[ ]/g, "");

var checkedIds = allValue.split("|");

console.log(checkedIds);

$.postJSON('/docAssociate',

checkedIds,

function(res){

$('#btnSave').button('reset');

location.href = '/test}'

if(!res.code){

alert('保存失败');

}

);

});

function bindCheckListChange() {

$('#table').on('change','.checkbox',function(){

var allValue = $("#checkList").val();

if (typeof($(this).attr("checked")) == "undefined") {

//改变前是未选中,则变为选中,把值增加到checkList中

$(this).attr("checked", 'true');

if (!contains(allValue, $(this).attr("value"), false)) {

allValue += $(this).attr("value") + "|";

$("#checkList").val(allValue);

console.log(allValue);

}

} else {

//改变前是选中,则变为未选中,把值从checkList中删除

$(this).removeAttr("checked");

if (contains(allValue, $(this).attr("value"), false)) {

var rstr = $(this).attr("value") + "|";

allValue = allValue.replace(rstr, "");

$("#checkList").val(allValue);

console.log(allValue);

}

})

}

function refreshTable() {

$('#table')

.DataTable(

{

responsive : true,

lengthChange : false,

serverSide : true,//分页，取数据等等的都放到服务端去

stateSave : true,

searching : false,

processing : true,//载入数据的时候是否显示“载入中”

bDestroy : true,

pageLength : 2,//首次加载的数据条数

ordering : false,//排序操作在服务端进行，所以可以关了。

language : {

processing : "载入中",//处理页面数据的时候的显示

paginate : {//分页的样式文本内容。

previous : "上一页",

next : "下一页",

first : "第一页",

last : "最后一页"

zeroRecords : "没有内容",//table tbody内容为空时，tbody的内容。

//下面三者构成了总体的左下角的内容。

info : "第 _PAGE_/_PAGES_页共 _TOTAL_条记录",//左下角的信息显示，大写的词为关键字。

infoEmpty : "第 _PAGE_/_PAGES_页共 _TOTAL_条记录",//筛选为空时左下角的显示。

infoFiltered : ""//筛选之后的左下角筛选提示(另一个是分页信息显示，在上面的info中已经设置，所以可以不显示)，

"columnDefs" : [ {

"defaultContent" : "",

"targets" : "_all"

} ],

"ajax" : {//类似jquery的ajax参数，基本都可以用。

type : "post",//后台指定了方式，默认get，外加datatable默认构造的参数很长，有可能超过get的最大长度。

url : "/referenceDocument/listData",

dataSrc : "data",//默认data，也可以写其他的，格式化table的时候取里面的数据

data : function(d) {//d 是原始的发送给服务器的数据，默认很长。

var param = {};//因为服务端排序，可以新建一个参数对象

param.start = d.start;//开始的序号

param.length = d.length;//要取的数据的

var formData = $("#search_form")

.serializeArray();//把form里面的数据序列化成数组

formData.forEach(function(e) {

param[e.name] = e.value;

});

return param;//自定义需要传递的参数。

}

"columns" : [

{

"data" : "author",

"class" : "text-center"

{

"data" : "title",

"class" : "text-center",

{

"data" : "name",

"class" : "text-center",

{

"data" : "summary",

"class" : "text-center",

{

"class": "text-center",

"render": function(data, type, row, position) {

var allValue = $("#checkList").val();

allValue = allValue.substring(0, allValue.length - 1);

allValue = allValue.replace(/[ ]/g, "");

var checkedIds = allValue.split("|");

return '<input type="checkbox" class="checkbox" value="' + row.id + '" ' + (checkedIds && checkedIds.indexOf(row.id) > -1 ? 'checked="checked"' : '') + '">';

}

]

});

}

/**

*string:原始字符串

*substr:子字符串

*isIgnoreCase:忽略大小写

function contains(string, substr, isIgnoreCase) {

if (isIgnoreCase) {

string = string.toLowerCase();

substr = substr.toLowerCase();

}

var startChar = substr.substring(0, 1);

var strLen = substr.length;

for (var j = 0; j < string.length - strLen + 1; j++) {

if (string.charAt(j) == startChar) //如果匹配起始字符,开始查找

{

if (string.substring(j, j + strLen) == substr) //如果从j开始的字符与str匹配，那ok

{

return true;

}

return false;

}

/**

* like $.getJSON, Load JSON-encoded data from the server using a POST HTTP

* request.

$.postJSON = function(url, data, fnSuccess, fnError) {

$.ajax({

url: url,

type: "POST",

dataType: "json",

cache: false,

contentType: "application/json",

data: JSON.stringify(data),

success: function(result) {

fnSuccess && (fnSuccess(result) || 1) || (typeof result.code != 'undefined' && !result.code && tip(result.error || '更新失败...'));

error: function(err) {

if (err.status == 401) {

return tip(err.status + ' ' + err.statusText + ', 当前会话已失效，请去新窗口 <a target="_blank" href="/login?from=' + encodeURIComponent(location.href) + '">登陆</a> 后继续操作!', 60000);

}

fnError && (fnError.apply($, Array.prototype.slice.call(arguments)) || 1) || tip(err.status + ' ' + err.statusText);

}

});

};

</script>

JS----checked----checked选中和未选中的获取的更多相关文章

jquery 设置checked="checked"无效，radio未选中。。
jquery 设置checked="checked"无效,radio未选中.. 最好还是使用.prop(),在jQuery1.6版本之前.attr存在一些bug.在1.6之后它会自 ...
016 Android 图片选择器(在选中和未选中的过程中,切换展示图片)
1.目标效果在选中和未选中的过程中,切换展示图片 2.实现方法 (1)在app--->res--->drawable 右击drawable文件夹右键,new ---->drawab ...
checked="checked"无效，radio未选中问题排查
在使用attr给元素设置属性的时候,但是显示在页面就是未选中,而且是只使用一两次是ok的,但是连着多使用就不起作用了,百度了下,发现遇到这个问题的人还蛮多的, 有人说,发现在jQuery1.6版本之后 ...
C#中RadioButton选中和取消选中（一种没办法选中和未选中切换）
今天在做Winform 中RadioButton控件时,遇到一个小坑,虽然很简单,但是浪费我十分钟,感觉需要记录一下共勉. 问题描述:(RadioButton控件名为rbTime) 本来以为判断一下是 ...
UITabBar 设置选中、未选中状态下title的字体颜色
一.如果只是设置选中状态的字体颜色,使用 tintColor 就可以达到效果 self.tabBar.tintColor = [UIColor redColor]; 二.但如果要将未选中状态和选中状 ...
Silverlight TabItem选中，未选中样式设置
<Application.Resources> <LinearGradientBrush x:Key="TabItemBackground" EndPoint=& ...
html5中checkbox的选中状态的设置与获取
获取checkbox是否选中: $("#checkbox").is(":checked"); 获得的值为true或false. 设置checkbox是否选中: ...
一个icon的选中与不选中
页面的样式展示 1.页面中选中的状态 2.页面中未选中的状态 3.俩个icon代表的状态页面的布局展示 <label> <i class="iconfont icon-d ...
jquery检测input checked 控件是否被选中的方法
jquery检测input checked 控件是否被选中 js部分复制代码代码如下: function tongyianniu(){ var gouxuan=$('input[type=check ...

随机推荐

洛谷 P2299 Mzc和体委的争夺战
洛谷 P2299 Mzc和体委的争夺战题目背景 mzc与djn第四弹. 题目描述 mzc家很有钱(开玩笑),他家有n个男家丁(做过前三弹的都知道).但如此之多的男家丁吸引来了我们的体委(矮胖小伙), ...
Day2：购物车小程序
一.购物车小程序第一版 #!/usr/bin/env python # -*- coding:utf-8 -*- # Author:Hiuhung Wan product_list = [ (&quo ...
【Educational Codeforces Round 31 B】Japanese Crosswords Strike Back
[链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 所有数字的和加上n-1,如果为x则唯一,否则不唯一 [代码] #include <bits/stdc++.h> usin ...
Android onLoadFinished与onLoaderReset
onLoadFinished 这个方法是在前面已创建的加载器已经完成其加载过程后被调用,这个方法保证会在应用到加载器上的数据被释放之前被调用.在此方法中,你必须删除所有对旧数据的使用(因为它将很快会被 ...
IOS自动化测试 UIAutomation
一.通过Xcode工具编写运行测试脚本说明:如果是在IOS模拟器上运行测试用例,需要有被测试应用的源代码才有权限把应用安装到模拟器中,当前示例中使用了自己编写的一个简单Iphone应用,大家也可以直 ...
Codeforces Round #315 (Div. 2) (ABCD题解)
比赛链接:http://codeforces.com/contest/569 A. Music time limit per test:2 seconds memory limit per test: ...
js实现类似页面广告一段时间自动打开一段时间自动关闭的功能
js实现类似页面广告一段时间自动打开一段时间自动关闭的功能一.总结 Window 对象的 open()方法:window.open('测试页面.html','news','height=300,wi ...
21、IIS声卡驱动程序
声卡芯片的数据通道一般都是IIS接口,但是控制音量等控制信息的接口都不相同 (新内核在linux-3.4.2\sound\soc\codecs\uda134x.c) uda134x_codec_pro ...
《编程导论（Java）·4.1数据抽象的含义》
You have no choice about the necessity to integrateyour observations, your experiences, your knowled ...
VS2008的C++TR1库已经支持正则表达式
作者:朱金灿来源:http://blog.csdn.net/clever101 发现VS2008的C++ TR1库已经支持正则表达式了(注意装了VS 2008sp1采用TR1库的).下面简单做个测试 ...

JS----checked----checked选中和未选中的获取

, allValue.length - 1);

JS----checked----checked选中和未选中的获取的更多相关文章

随机推荐

热门专题