页面的列表table显示(后台model.addAttribute("page", page);传来page信息,page通过foreach标签迭代展示表格数据):

<!-- CRUD按钮区域 -->
<div class="page-content">
<!-- /.page-header -->
<div class="row">
<div class="col-xs-6" style="margin-top: 3px;">
<button style="display: none;" class="btn_new btn-primary btn-default btn-bold md-trigger" data-modal="modal-2">新增</button>
<button style="display: none;" class="btn_new btn-primary btn-default btn-bold md-trigger" onclick="edit()" data-modal="modal-3">编辑</button>
<button style="display: none;" class="btn_new btn-primary btn-default btn-bold" onclick="batchDelete()">删除</button>
<button class="btn_new btn-primary btn-default btn-bold md-trigger" data-modal="modal-1">查询</button> <button class="btn_new btn-primary btn-default btn-bold" onclick="uniCar()">提总组车</button> </div>
<div class="col-xs-6" style="margin-top: 5px;float:right;">
<div class="dataTables_paginate paging_simple_numbers" id="sample-table-2_paginate">
<ul class="pagination">
<%@include file="commonPager.jsp"%>
</ul>
</div>
</div>
</div>
</div> <!-- -----------------------------------------------------------------------------列表显示区域------------------------------------------------------------------------------------------ --> <!-- 列表显示区域 -->
<div class="hr hr-18 dotted"></div>
<div class="row">
<div class="col-xs-12">
<div class="row">
<div class="col-xs-12">
<div id="chenkbox">
<table id="sample-table-2" class="table table-bordered">
<thead class="fixedHeader">
<tr>
<td class="tc min-10">选择</td>
<td class="tc min-18" sort="int"><span>序号</span><div class="ww"></div></td>
<td class="tc min-24" sort="string"><span>商品编码</span><div class="ww"></div></td>
<td class="tc min-24" sort="string"><span>商品条码</span><div class="ww"></div></td>
<td class="tc min-24" sort="string"><span>商品名称</span><div class="ww"></div></td>
<td class="tc min-24" sort="int"><span>商品总数</span><div class="ww"></div></td> <td class="tc min-12" sort="string" style="display:none"><span>仓库</span><div class="ww"></div></td>
</tr>
</thead>
<tbody class="scrollContent" id="tbodyId">
<c:forEach items="${page.results}" varStatus="status" var="single">
<tr>
<td class="min-10 td_center">
<label class="position-relative">
<input type="checkbox" class="ace" value="${single.id}" id="checkbox" name="checkbox" /> <span class="lbl"></span>
</label>
</td>
<td class="min-18 td_center" id="one">${status.index+1}</td>
<td class="min-24 td_center" id="two">${single.itemnumber}</td>
<td class="min-24 td_center" id="three">${single.displayitemnumber}</td>
<td class="min-24 td_center" id="four">${single.description}</td>
<td class="min-24 td_center" id="five">${single.cnt}</td> <td class="min-12 td_center" style="display:none" id="six">${single.whid}</td> </tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

效果如下:

当勾选选择框(多选)以后,点击提总组车,需要把勾选行的所有商品编码,商品条码等信息全部传到后台页面,js代码如下:

function uniCar(){

    var tr= getCheckBoxs('checkbox');
if (tr.length == 0) {
SimplePop.alert('未选择要提总组车的信息!');
return false;
} var checkcodes = '';
var object = '';
var $tr; $("#tbodyId input[type='checkbox']").each(function(i,e){
checked = $(this).prop("checked");
if(checked){
$tr = $(this).parent().parent().parent();
object += $tr.find("#two").text()+","+$tr.find("#three").text()+","+$tr.find("#four").text()+","+$tr.find("#six").text()+":"
;
}
}); $.ajax({
url:"uniCar",
data:{
'object':object,
},
dataType:"json",
success:function(r){
if(r.code == '000000'){
/* if(confirm("执行成功!")){
document.location.href = "getOrderTasksPage?"+_csrfName+"="+_csrfValue;
} */
SimplePop.confirm("执行成功!", {
confirm:function(){
document.location.href = "getOrderTasksPage?"+_csrfName+"="+_csrfValue;}
})
}else{
SimplePop.alert("执行失败");
}
},
error:function(r){
SimplePop.alert("执行失败", r.msg);
}
})
}

后台controller接收的代码如下:

/**
*提总组车执行
* @param bean
* @return
* @throws Exception
*/
@RequestMapping(value = "/uniCar" , method = {RequestMethod.GET , RequestMethod.POST })
@ResponseBody
public Map<String,Object> uniCar(@RequestParam("object") String object) throws Exception{
Map<String,Object> map = new HashMap<String,Object>(); try {
int res = orderTasksConsumer.uniCar(object); if(res > 0){
map.put(ItemContants.CODE, ItemContants.SUCCESS_CODE);
map.put(ItemContants.MESSAGE, ItemContants.SUCCESS_MESSAGE);
}else{
map.put(ItemContants.CODE, ItemContants.ERROR_UPDATE_CODE);
map.put(ItemContants.MESSAGE, ItemContants.ERROR_UPDATE_MSG);
}
} catch (Exception e) {
e.printStackTrace();
map.put(ItemContants.CODE, ItemContants.ERROR_UPDATE_CODE);
map.put(ItemContants.MESSAGE, ItemContants.ERROR_UPDATE_MESSAGE);
}
return map;
}

后台consumer代码如下:(将传过来的string字符串以连接符:分解,得到的String[] object里面存的是每行tr的信息,每个tr包含该行的所有属性信息,由逗号“,”连接,在下一层service分解)

@Transactional(readOnly = false,rollbackFor = Exception.class)
public int uniCar(String objects) throws ScnException {
String[] object = objects.split(":");
try {
for(int i = 0; i < object.length; i++){
String kid = object[i];
orderTasksService.uniCar(kid);
}
return 1; } catch (Exception e) {
ScnException exp = new ScnException(e);
exp.setErrorCode(ItemContants.ERROR_UPDATE_CODE);
exp.setErrorMsg(ItemContants.ERROR_UPDATE_MESSAGE);
throw exp;
}
}

后台service代码如下:

public void uniCar(String bean) throws ScnException {

        String[] kid = bean.split(",");

        Map<String,Object> reqMap = new HashMap<String, Object>();
reqMap.put("itemnumber",kid[0]);
reqMap.put("displayitemnumber",kid[1]);
reqMap.put("description",kid[2]);
reqMap.put("whid",kid[3]); try {
orderTasksDao.updateSpOrderTasks(reqMap);
orderTasksDao.updateSpOrderMain(reqMap);
orderTasksDao.updateSpPickedDetail(reqMap);
} catch (Exception e) {
ScnException exp = new ScnException(e);
exp.setErrorCode(ItemContants.ERROR_UPDATE_CODE);
exp.setErrorMsg(ItemContants.ERROR_UPDATE_MESSAGE);
throw exp;
}
}

如果是只选择每行的id信息传到后台可以这么写

(以选择每行的id传到后台用来删除为例,注意在jsp页面,checkbox的value里面保存了id信息,在jsp初始化显示表格数据的时候就要如下设置)

<input type="checkbox" class="ace" value="${single.id}" id="checkbox" name="checkbox" /> <span class="lbl"></span>

-------------------下面是通过获取id删除的js

function batchDelete() {
SimplePop.confirm("确认删除?", {
type: "error",
confirm:function(){
var serialNumcodes = '';
var count = 0;
$("#serialNum input[type='checkbox']").each(function(i,e){
var checked = $(this).prop("checked");
if(checked){
serialNumcodes += $(this).val()+",";
count++;
}
});
if(serialNumcodes == ''){
SimplePop.alert('未选择要批处理的信息!');
return false;
} $.ajax({
url : "deleteSerialNum",
data : {'serialNumcodes':serialNumcodes},
type : "get",
error : function(msg) { // 若Ajax处理失败后返回的信息
SimplePop.alert('删除失败。。。');
},
success : function(data) {// ajax返回的数据
var searchParams = getSearchParams("search");
var url = "getSerialNumPage?"+_csrfName+"="+_csrfValue;
goBackList(url,searchParams,"POST");
}
});
}
});
}

上面js代码中的

getSearchParams("search");和
goBackList(url,searchParams,"POST");来自style.js(全文如下:)
function table(table) {

    var Sys = (function(ua) {
var s = {};
s.IE = ua.match(/msie ([\d.]+)/) ? true : false;
s.Firefox = ua.match(/firefox\/([\d.]+)/) ? true : false;
s.Chrome = ua.match(/chrome\/([\d.]+)/) ? true : false;
s.IE6 = (s.IE && ([ /MSIE (\d)\.0/i.exec(navigator.userAgent) ][0][1] == 6)) ? true
: false;
s.IE7 = (s.IE && ([ /MSIE (\d)\.0/i.exec(navigator.userAgent) ][0][1] == 7)) ? true
: false;
s.IE8 = (s.IE && ([ /MSIE (\d)\.0/i.exec(navigator.userAgent) ][0][1] == 8)) ? true
: false;
return s;
})(navigator.userAgent.toLowerCase());
function $(Id) {
return document.getElementById(Id);
}
;
function addListener(element, e, fn) {
element.addEventListener ? element.addEventListener(e, fn, false)
: element.attachEvent("on" + e, fn);
}
;
function removeListener(element, e, fn) {
element.removeEventListener ? element.removeEventListener(e, fn, false)
: element.detachEvent("on" + e, fn);
}
;
var Css = function(e, o) {
if (typeof o == "string") {
e.style.cssText = o;
return;
}
for ( var i in o)
e.style[i] = o[i];
};
var Bind = function(object, fun) {
var args = Array.prototype.slice.call(arguments).slice(2);
return function() {
return fun.apply(object, args);
};
};
var BindAsEventListener = function(object, fun) {
var args = Array.prototype.slice.call(arguments).slice(2);
return function(event) {
return fun.apply(object, [ event || window.event ].concat(args));
};
};
var Extend = function(destination, source) {
for ( var property in source) {
destination[property] = source[property];
}
;
};
var Class = function(properties) {
var _class = function() {
return (arguments[0] !== null && this.initialize && typeof (this.initialize) == 'function') ? this.initialize
.apply(this, arguments)
: this;
};
_class.prototype = properties;
return _class;
};
var Table = new Class(
{
initialize : function(tab, set) {
this.table = tab;
this.thead = tab.getElementsByTagName('thead')[0]; // 常用的dom元素做成索引
this.theadtds = this.thead.getElementsByTagName('td'); //
this.rows = []; // 里面tbodys记录所有tr的引用
// 这里用数组记录是因为数组有reverse方法,可以用来正序,反序
this.clos = {}; // 里面记录所有列元素的引用
this.edits = {}; // 编辑表格的规则和提示
this.sortCol = null; // 记录哪列正在排序中
this.inputtd = null; // 记录哪个input被编辑了
this.closarg = {
tdnum : null,
totdnum : null,
closmove : BindAsEventListener(this, this.closmove),
closup : BindAsEventListener(this, this.closup)
}; // 关于列拖拽的一些属性方法
this.widtharg = {
td : null,
nexttd : null,
x : 0,
tdwidth : 0,
nexttdwidth : 0,
widthmove : BindAsEventListener(this, this.widthmove),
widthup : BindAsEventListener(this, this.widthup)
};
var i = 0, j = 0, d = document, rows = tab.tBodies[0].rows, tds1 = tab.tBodies[0]
.getElementsByTagName('td'), edit = [];
var divs = this.thead.getElementsByTagName('div');
this.input = d.createElement('input'); // 编辑用的input
this.input.type = "text";
this.input.className = 'edit';
this.img = d.body.appendChild(d.createElement('div'));
this.img.className = "cc";
this.line = d.body.appendChild(d.createElement('div'));
this.line.className = 'line';
this.line.style.top = tab.offsetTop + "px";
if (Sys.IE6) {
this.checkbox = {}; // 记录那些checkbox被选中了 处理ie6不兼容的问题
var checkboxs = tab.getElementsByTagName('input'), k = 0;
for (var lll = checkboxs.length; k < lll; k++)
checkboxs[k].type == "checkbox"
&& addListener(
checkboxs[k],
"click",
Bind(
this,
function(elm, k) {
elm.checked == true ? (this.checkbox[k] = elm)
: (delete this.checkbox[k]);
}, checkboxs[k], k));
}
;
for (var l = set.length; i < l; i++) {
addListener(this.theadtds[set[i].id], 'click', Bind(
this, this.sortTable, this.theadtds[set[i].id],
set[i].id, set[i].type));
set[i].edit && (this.edits[set[i].id] = {
rule : set[i].edit.rule,
message : set[i].edit.message
});
}
;
for (l = rows.length; j < l; j++)
this.rows[j] = rows[j];
for (var k = 0, l = this.theadtds.length; k < l; k++) {
this.clos[k] = [];
this.theadtds[k].setAttribute('clos', k), addListener(
this.theadtds[k], 'mousedown',
BindAsEventListener(this, this.closdrag));
}
for (var i = 0, l = tds1.length; i < l; i++) {
var p = i < this.theadtds.length - 1 ? i : i
% this.theadtds.length;
this.clos[p][this.clos[p].length] = tds1[i];
this.edits[p] && tds1[i].setAttribute('edit', p);
}
for (var i = 0, l = divs.length; i < l; i++) {
addListener(divs[i], 'mousedown', BindAsEventListener(
this, this.widthdrag));
}
/*---------------------------------------------*/
/*---------------------------------------------*/
addListener(this.thead, 'mouseover', BindAsEventListener(
this, this.theadhover));
addListener(tab.tBodies[0], 'dblclick',
BindAsEventListener(this, this.edit));
addListener(this.input, 'blur', Bind(this, this.save,
this.input));
},
theadhover : function(e) {
e = e || window.event;
var obj = e.srcElement || e.target;
if (obj.nodeName.toLowerCase() == 'td')
this.closarg.totdnum = (obj).getAttribute('clos');
else if (obj.nodeName.toLowerCase() == 'div')
obj.style.cursor = "sw-resize";
},
widthdrag : function(e) {
if (Sys.IE) {
e.cancelBubble = true
} else {
e.stopPropagation()
}
this.widtharg.x = e.clientX;
this.widtharg.td = (e.srcElement || e.target).parentNode;
if (Sys.IE) {
this.widtharg.nexttd = this.widtharg.td.nextSibling;
} else {
this.widtharg.nexttd = this.widtharg.td.nextSibling.nextSibling;
}
this.widtharg.tdwidth = this.widtharg.td.offsetWidth;
this.widtharg.nexttdwidth = this.widtharg.nexttd.offsetWidth;
this.line.style.height = this.table.offsetHeight + "px";
addListener(document, 'mousemove', this.widtharg.widthmove);
addListener(document, 'mouseup', this.widtharg.widthup);
},
widthmove : function(e) {
window.getSelection ? window.getSelection()
.removeAllRanges() : document.selection.empty();
var x = e.clientX - this.widtharg.x, left = e.clientX, clientx = e.clientX;
if (clientx < this.widtharg.x) {
if (this.widtharg.x - clientx > this.widtharg.tdwidth - 35)
left = this.widtharg.x - this.widtharg.tdwidth + 35;
}
if (clientx > this.widtharg.x) {
if (clientx - this.widtharg.x > this.widtharg.nexttdwidth - 35)
left = this.widtharg.x + this.widtharg.nexttdwidth
- 35;
}
Css(this.line, {
display : "block",
left : left + "px"
});
},
widthup : function(e) {
this.line.style.display = "none";
var x = parseInt(this.line.style.left) - this.widtharg.x;
this.widtharg.nexttd.style.width = this.widtharg.nexttdwidth
- x + 'px';
this.widtharg.td.style.width = this.widtharg.tdwidth + x
+ 'px';
removeListener(document, 'mousemove',
this.widtharg.widthmove);
removeListener(document, 'mouseup', this.widtharg.widthup);
},
closdrag : function(e) {
e = e || window.event;
var obj = e.srcElement || e.target;
if (obj.nodeName.toLowerCase() == "span")
obj = obj.parentNode;
this.closarg.tdnum = obj.getAttribute('clos');
;
addListener(document, 'mousemove', this.closarg.closmove);
addListener(document, 'mouseup', this.closarg.closup);
},
closmove : function(e) {
window.getSelection ? window.getSelection()
.removeAllRanges() : document.selection.empty();
Css(this.img, {
display : "block",
left : e.clientX + 9 + "px",
top : e.clientY + 20 + "px"
});
},
closup : function() {
this.img.style.display = "none";
removeListener(document, 'mousemove', this.closarg.closmove);
removeListener(document, 'mouseup', this.closarg.closup);
if (this.closarg.totdnum == this.closarg.tdnum)
return;
var rows = this.table.getElementsByTagName('tr'), tds, n, o;
if ((parseInt(this.closarg.tdnum) + 1) == parseInt(this.closarg.totdnum)) {
o = this.closarg.tdnum;
n = this.closarg.totdnum;
} else {
n = this.closarg.tdnum;
o = this.closarg.totdnum;
}
for (var i = 0, l = rows.length; i < l; i++) {
tds = rows[i].getElementsByTagName('td');
try {
rows[i].insertBefore(tds[n], tds[o]);
} catch (err) {
return;
}
}
for (var i = 0, l = this.theadtds.length; i < l; i++)
this.theadtds[i].setAttribute('clos', i);
},
edit : function(e) {
var o = e.srcElement || e.target;
if (!o.getAttribute('edit'))
return;
this.inputtd = o;
var v = o.innerHTML;
o.innerHTML = "";
o.appendChild(this.input);
this.input.value = v;
this.input.focus();
},
save : function(o) {
var edit = this.edits[o.parentNode.getAttribute('edit')];
if (edit.rule.test(this.input.value)) {
this.inputtd.innerHTML = this.input.value;
this.inputtd = null;
} else {
alert(edit.message);
}
},
sortTable : function(td, n, type) {
var frag = document.createDocumentFragment(), str = td
.getElementsByTagName('span')[0].innerHTML, span = td
.getElementsByTagName('span')[0];
if (this.row != null || td == this.sortCol) {
this.rows.reverse();
span.innerHTML = str.replace(/.$/, str
.charAt(str.length - 1) == "↓" ? "↑" : "↓");
} else {
this.rows.sort(this.compare(n, type));
span.innerHTML = span.innerHTML + "↑";
this.sortCol != null
&& (this.sortCol.getElementsByTagName('span')[0].innerHTML = this.sortCol
.getElementsByTagName('span')[0].innerHTML
.replace(/.$/, ''));
}
;
for (var i = 0, l = this.rows.length; i < l; i++)
frag.appendChild(this.rows[i]);
this.table.tBodies[0].appendChild(frag);
if (Sys.IE6) {
for ( var s in this.checkbox)
this.checkbox[s].checked = true;
}
this.sortCol = td;
},
compare : function(n, type) {
return function(a1, a2) {
var convert = {
int : function(v) {
return parseInt(v.replace(/,/g,''))
},
float : function(v) {
return parseFloat(v)
},
date : function(v) {
return v.toString()
},
string : function(v) {
return v.toString()
}
};
!convert[type] && (convert[type] = function(v) {
return v.toString()
});
a1 = convert[type](a1.cells[n].innerHTML);
a2 = convert[type](a2.cells[n].innerHTML);
if (a1 == a2)
return 0;
return a1 < a2 ? -1 : 1;
};
}
}); var set = [];
var obj = document.getElementById(table);
var thead = obj.getElementsByTagName('thead')[0];
var tds = thead.getElementsByTagName('td');
var len = tds.length;
for (var i = 0; i < len; i++) {
var sort = tds[i].getAttribute('sort') || '';
var tmp = {};
if (sort != '') {
// 去除空格
sort = sort.replace(/(^\s*)|(\s*$)/g, "");
tmp.id = i;
tmp.type = sort;
set.push(tmp);
}
;
}
new Table($(table), set);
}; /**
* td内容过长处理
*
* @param maxLength显示的最长的字符数
*/
// class="min-25"的
// function tdTextLongHandle(maxLength){
// var text;
// $(".min-25").each(function(){
// if($(this).children().length == 0){
// text = $(this).text().trim();
// if(text.length>maxLength){
// $("this,.min-25").addClass("min-30");
// // $(this).text(text.substring(0,maxLength)+"...");
// // $(this).prop("title",text);
// }
// }
// })
// }
// // class="min-20"的
// function tdTextLongHandl(maxLength){
// var text;
// $(".min-20").each(function(){
// if($(this).children().length == 0){
// text = $(this).text().trim();
// if(text.length>maxLength){
// $("this,.min-20").addClass("min-25");
// // $(this).text(text.substring(0,maxLength)+"...");
// // $(this).prop("title",text);
// }
// }
// })
// }
// // class="min-15"的
// function tdTextLongHand(maxLength){
// var text;
// $(".min-15").each(function(){
// if($(this).children().length == 0){
// text = $(this).text().trim();
// if(text.length>maxLength){
// $("this,.min-15").addClass("min-20");
// // $(this).text(text.substring(0,maxLength)+"...");
// // $(this).prop("title",text);
// }
// }
// })
// }
// $(document).ready(function(){
// tdTextLongHandle(23);
// tdTextLongHandl(14);
// tdTextLongHand(10);
// });
// 表格隔列文字标题居右
// $(document).ready(function() {
// $(".table6 tr td:even").addClass("td_right");
// }) $(function() {
reloadTableEffect();
autoSetTbodyHeight();
loadThousandsSeparator();
});
/**
* 重新加载表格效果
*/
function reloadTableEffect() {
trClick2Checked();
tableInterlaced();
tdTextLongHandle();
}
/**
* 表格隔行变色
*/
function tableInterlaced() {
$(".scrollContent tr").mouseover(function() {
$(this).addClass("t3");
}).mouseout(function() {
$(this).removeClass("t3");
});
$(".scrollContent tr:even").addClass("t2");
$(".scrollContent tr:odd").removeClass("t2");
}
/**
* 点击行选中复选框
*/
function trClick2Checked() {
if ($("tbody").hasClass("limit-box")) {
} else {
$(".scrollContent tr").unbind("click.trClickCheckBox");
$(".scrollContent tr").bind(
"click.trClickCheckBox",
function() {
if ($(this).find("input[type='checkbox']").length > 0) {
if ($(this).find("input[type='checkbox']").prop(
"checked") == true) {
$(this).find("input[type='checkbox']").prop(
"checked", false);
$(this).removeClass("bgss");
} else {
$(this).find("input[type='checkbox']").prop(
"checked", true);
$(this).addClass("bgss");
}
}
});
$(".scrollContent tr input[type='text']").unbind("click.trClickCheckBox");
}
}
/**
* 自动设置tbody的高度
*/
function autoSetTbodyHeight() {
// 根据屏幕分辨率不同给tbody加上合适的高度
if ($(".tbody").length == 0)
return;
var pageHeight = $(".tbody").offset().top;
var total = document.documentElement.clientHeight;
var colHeight = total - pageHeight - 30;
$(".tbody").height(colHeight);
}
// 给id="tests"的tbody加上合适的高度使其出现纵向滚动条
total = document.documentElement.clientHeight;
colHeight = total - 90;
if ($("#tests").length > 0) {
document.getElementById("tests").style.height = colHeight + "px";
} // 表格中文居左,数字居右
;
(function($) {
setInterval(function() {
$('.scrollContent td').each(function() {
if (!isNaN($.trim($(this).text()))) {
$(this).css("text-align", "right");
} else {
$(this).css("text-align", "left");
}
; if (parseInt($(this).text()) > -1) {
$(this).css("text-align", "right");
} else {
$(this).css("text-align", "left");
}
; if (/[\u4e00-\u9fa5]/g.test($(this).text())) {
$(this).css("text-align", "left");
}
});
}, 10);
}(jQuery));
/**
* td内容过长处理
*
* @param maxLength显示的最长的字节数
*/
function tdTextLongHandle() {
var text;
var subText;
var textLength;
var maxLength;
$("td[maxlength]:not([title])").each(function() {
maxLength = Number($(this).attr("maxlength"));
if (isNaN(maxLength) || maxLength <= 0)
return true;// 不是数字类型或不大于0的直接返回
if ($(this).children().length == 0) {
text = $(this).text();
textLength = text.replace(/[^\x00-\xff]/g, "**").length;
if (textLength > maxLength) {
$(this).text(autoAddEllipsis(text, maxLength));
$(this).prop("title", text);
$(this).attr("data", text);
}
}
})
}
/**
* 处理过长的字符串,截取并添加省略号 注:半角长度为1,全角长度为2
*
* pStr:字符串 pLen:截取长度
*
* return: 截取后的字符串
*/
function autoAddEllipsis(pStr, pLen) { var _ret = cutString(pStr, pLen);
var _cutFlag = _ret.cutflag;
var _cutStringn = _ret.cutstring; if ("1" == _cutFlag) {
return _cutStringn + "...";
} else {
return _cutStringn;
}
} /**
* 取得指定长度的字符串 注:半角长度为1,全角长度为2
*
* pStr:字符串 pLen:截取长度
*
* return: 截取后的字符串
*/
function cutString(pStr, pLen) {
// 原字符串长度
var _strLen = pStr.length;
var _tmpCode;
var _cutString;
// 默认情况下,返回的字符串是原字符串的一部分
var _cutFlag = "1";
var _lenCount = 0;
var _ret = false;
if (_strLen <= pLen / 2) {
_cutString = pStr;
_ret = true;
}
if (!_ret) {
for (var i = 0; i < _strLen; i++) {
if (isFull(pStr.charAt(i))) {
_lenCount += 2;
} else {
_lenCount += 1;
}
if (_lenCount > pLen) {
_cutString = pStr.substring(0, i);
_ret = true;
break;
} else if (_lenCount == pLen) {
_cutString = pStr.substring(0, i + 1);
_ret = true;
break;
}
}
}
if (!_ret) {
_cutString = pStr;
_ret = true;
}
if (_cutString.length == _strLen) {
_cutFlag = "0";
}
return {
"cutstring" : _cutString,
"cutflag" : _cutFlag
};
} /**
* 判断是否为全角
*
* pChar:长度为1的字符串 return: true:全角 false:半角
*/
function isFull(pChar) {
if ((pChar.charCodeAt(0) > 128)) {
return true;
} else {
return false;
}
} $(document).ready(function(){
$("input[comma='comma_0']").blur(function() {
$(this).val(parseFormatNum(parseFormatNums($(this).val(), 0), 0))
})
$("input[comma='comma_2']").blur(function() {
$(this).val(parseFormatNum(parseFormatNums($(this).val(), 2), 2))
})
$("input[comma='comma_4']").blur(function() {
$(this).val(parseFormatNum(parseFormatNums($(this).val(), 4), 4))
}) }); /**
* 按照千位分隔符加载数据。
*/
function loadThousandsSeparator() {
$(".parseFormatNum_0").each(function() {
if($(this).text()==''){}else{
$(this).text(parseFormatNum(parseFormatNums($(this).text(), 0), 0))
}
});
$(".parseFormatNum_2").each(function() {
if($(this).text()==''){}else{
$(this).text(parseFormatNum(parseFormatNums($(this).text(), 2), 2))
}
});
$(".parseFormatNum_4").each(function() {
if($(this).text()==''){}else{
$(this).text(parseFormatNum(parseFormatNums($(this).text(), 4), 4))
}
});
/*初始化表单加逗号*/
$("input[comma='comma_0']").each(function() {
if($(this).val()==''){}else{
$(this).val(parseFormatNum(parseFormatNums($(this).val(), 0), 0));
}
});
$("input[comma='comma_2']").each(function() {
if($(this).val()==''){}else{
$(this).val(parseFormatNum(parseFormatNums($(this).val(), 2), 2));
}
});
$("input[comma='comma_4']").each(function() {
if($(this).val()==''){}else{
$(this).val(parseFormatNum(parseFormatNums($(this).val(), 4), 4));
}
});
} /**
* 表单加逗号千位分隔符显示效果
*/
function loadThousanq(){
$("input[comma='comma_0']").each(function() {
if($(this).val()==''){}else{
$(this).val(parseFormatNum(parseFormatNums($(this).val(), 0), 0));
}
});
$("input[comma='comma_2']").each(function() {
if($(this).val()==''){}else{
$(this).val(parseFormatNum(parseFormatNums($(this).val(), 2), 2));
}
});
$("input[comma='comma_4']").each(function() {
if($(this).val()==''){}else{
$(this).val(parseFormatNum(parseFormatNums($(this).val(), 4), 4));
}
});
} /**
* 删除表单千位分隔符显示效果。
*/
function removeps() {
$("input[comma='comma_0']").each(function() {
if($(this).val()==''){}else{
$(this).val(parseFormatNums($(this).val(), 0))
}
});
$("input[comma='comma_2']").each(function() {
if($(this).val()==''){}else{
$(this).val(parseFormatNums($(this).val(), 2))
}
});
$("input[comma='comma_4']").each(function() {
if($(this).val()==''){}else{
$(this).val(parseFormatNums($(this).val(), 4))
}
});
} /**
* 删除表格千位分隔符显示效果。
*/
function removeparse() {
$(".parseFormatNum_0").each(function() {
if($(this).text()==''){}else{
$(this).text(parseFormatNums($(this).text(), 0))
}
});
$(".parseFormatNum_2").each(function() {
if($(this).text()==''){}else{
$(this).text(parseFormatNums($(this).text(), 2))
}
});
$(".parseFormatNum_4").each(function() {
if($(this).text()==''){}else{
$(this).text(parseFormatNums($(this).text(), 4))
}
});
} // 金额加逗号
function parseFormatNum(num, n) {
if(isNaN(num)){//js自己的方法检验数字
return 0;
}else{
return num && num.toString().replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) {
return $1 + ",";
});
}
}
// function parseFormatNum(number, n) {
// if (n != 0) {
// n = (n > 0 && n <= 20) ? n : 2;
// }
// number = parseFloat((number + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
// var sub_val = number.split(".")[0].split("").reverse();
// var sub_xs = number.split(".")[1];
// var show_html = "";
// for (i = 0; i < sub_val.length; i++) {
// show_html += sub_val[i]
// + ((i + 1) % 3 == 0 && (i + 1) != sub_val.length ? "," : "");
// }
// if (n == 0) {
// return show_html.split("").reverse().join("");
// } else {
// return show_html.split("").reverse().join("") + "." + sub_xs;
// }
// } // 金额去逗号
function parseFormatNums(number, n) {
if (n != 0) {
n = (n > 0 && n <= 20) ? n : 2;
}
number = parseFloat((number + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
var sub_val = number.split(".")[0].split("").reverse();
var sub_xs = number.split(".")[1];
var show_html = "";
for (i = 0; i < sub_val.length; i++) {
show_html += sub_val[i]
+ ((i + 1) % 3 == 0 && (i + 1) != sub_val.length ? "" : "");
}
if (n == 0) {
return show_html.split("").reverse().join("");
} else {
return show_html.split("").reverse().join("") + "." + sub_xs;
}
}
/**
* 获取搜索条件的参数。
* @param formid
* @returns
*/
function getSearchParams(){
var data = $('#pageForm').serializeArray();
for(var i=0;i<arguments.length;i++){
if(typeof(arguments[i]) != "string")continue;
$("#"+arguments[i])[0].reset();
data = $.merge(data,$("#"+arguments[i]).serializeArray());
}
return JSON.stringify(data);
}
/**
* 获取搜索条件的参数。
* @param formid
* @returns
*/
function getSearchParamsUnReset(){
var data = $('#pageForm').serializeArray();
for(var i=0;i<arguments.length;i++){
if(typeof(arguments[i]) != "string")continue;
data = $.merge(data,$("#"+arguments[i]).serializeArray());
}
return JSON.stringify(data);
}
/**
* 返回列表页
*/
function goBackList(url,data,method){
if( url ){
var form = $("<form></form>");
form.appendTo("body");
var inputs="";
var dataObj = JSON.parse(data);
jQuery.each(dataObj, function(index,obj){
inputs+='<input type="hidden" name="'+ obj.name +'" value="'+ obj.value +'" />';
});
if(method==undefined)method = "GET";
form.html(inputs);
form.prop("method",method);
form.prop("action",url);
showLoading();
form.submit();
};
}
/**
* 临时表单提交,编辑或新增时的页面跳转。
* @param url
* @param paramString
* @param method
*/
function tempFormSubmit(url,paramString,method,backUrl){
if( url ){
if(method==undefined)method = "GET";
var tempForm = document.createElement("form");
tempForm.id="tempForm1";
tempForm.method=method;
tempForm.action=url;
if(paramString){
var hideInput = document.createElement("input");
hideInput.type="hidden";
hideInput.name= "searchParams";
hideInput.value= paramString;
tempForm.appendChild(hideInput);
};
if(backUrl){
var hideInput = document.createElement("input");
hideInput.type="hidden";
hideInput.name= "backUrl";
hideInput.value= backUrl;
tempForm.appendChild(hideInput);
};
document.body.appendChild(tempForm);
showLoading();
$(tempForm).submit();
document.body.removeChild(tempForm);
};
};
 

其中页面js里面,获取CheckBox已经勾选的对象数组函数getCheckBoxs()来自于checkBoxUtil.js

//获得已经选中的checkBox,返回对象数组
function getCheckBoxs(name){
var count=0;
var checkedArray = new Array();
var checkBoxs=document.getElementsByName(name);
for (var i=0;i<checkBoxs.length;i++)
{
var e = checkBoxs[i];
if(e.checked){
checkedArray[count++]=checkBoxs[i];
}
}
return checkedArray;
}

该js全文如下:

//反选
function reverseCheck(name)
{
var eles=document.getElementsByName(name);
for (var i=0;i<eles.length;i++)
{
var e = eles[i];
e.checked=!e.checked;
}
} //全不选
function unCheckAll(name)
{
var eles=document.getElementsByName(name);
for (var i=0;i<eles.length;i++)
{
var e = eles[i];
e.checked=false;
}
} //全选
function checkAll(name)
{
var eles=document.getElementsByName(name);
for (var i=0;i<eles.length;i++)
{
var e = eles[i];
e.checked=true;
}
} //获得已经选中的checkBox,返回对象数组
function getCheckBoxs(name){
var count=0;
var checkedArray = new Array();
var checkBoxs=document.getElementsByName(name);
for (var i=0;i<checkBoxs.length;i++)
{
var e = checkBoxs[i];
if(e.checked){
checkedArray[count++]=checkBoxs[i];
}
}
return checkedArray;
} //获得已经选中的checkBox,返回对象数组
function ifChecked(name){
var checkBoxs=document.getElementsByName(name);
for (var i=0;i<checkBoxs.length;i++)
{
var e = checkBoxs[i];
if(e.checked){
return true;
}
}
return false;
} //获得未选中的checkBox,返回对象数组
function getUnCheckBoxs(name){
var count=0;
var uncheckedArray = new Array();
var checkBoxs=document.getElementsByName(name);
for (var i=0;i<checkBoxs.length;i++)
{
var e = checkBoxs[i];
if(!e.checked){
uncheckedArray[count++]=checkBoxs[i];
}
}
return uncheckedArray;
} //设置选中值
function checkBoxs(name,matchFunction){
if(!matchFunction&&typeof(matchFunction)!="function"){
alert('没有实现匹配方法!');
return;
}
var checkBoxs=document.getElementsByName(name);
for (var i=0;i<checkBoxs.length;i++)
{
var e = checkBoxs[i];
if(matchFunction(checkBoxs[i])){
checkBoxs[i].checked=true;
}
}
} //设置复选框状态
function setCheckBoxs(name,matchFunction){
if(!matchFunction&&typeof(matchFunction)!="function"){
alert('没有实现匹配方法!');
return;
}
var checkBoxs=document.getElementsByName(name);
for (var i=0;i<checkBoxs.length;i++)
{
var e = checkBoxs[i];
if(matchFunction(checkBoxs[i])){
checkBoxs[i].disabled=true;
}
}
} //获得已经选中的checkBox,返回以两个指定列的值组成的二维数组
function getCheckBoxsMap(name, value){ var checkedArray = new Array();
var checkBoxs=document.getElementsByName(name);
var checkValues=document.getElementsByName(value); var count=0;
//生成第一维,必须先声明第一维,然后才可以声明第二维,声明时,用checkedArray[count++]失败
for (var i=0;i<checkBoxs.length;i++){
var e = checkBoxs[i];
if(e.checked){
checkedArray[count] = new Array();
checkedArray[count][0]=checkBoxs[i].value;
checkedArray[count][1]=checkValues[i].value;
count ++;
}
}
//for (var k=0;k<checkedArray.length;k++){
// alert(checkedArray[k][0] + " --- " + checkedArray[k][1]);
//}
return checkedArray;
} //隐藏复选框
function hideCheckBoxs(name,matchFunction){
if(!matchFunction&&typeof(matchFunction)!="function"){
alert('没有实现匹配方法!');
return;
}
var checkBoxs=document.getElementsByName(name);
var objAry = new Array();
for (var i=0;i<checkBoxs.length;i++)
{
if(matchFunction(checkBoxs[i])){
objAry[objAry.length] = checkBoxs[i];
}
}
for (var j=0;j<objAry.length;j++)
{
objAry[j].outerHTML = "";
}
}

自定义的弹出格式方法来自另一个js文件(modalEffects.js),全文如下:

/**
* modalEffects.js v1.0.0
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Copyright 2013, Codrops
* http://www.codrops.com
*/
// 弹窗定位
function yyi(obj,offset){
var objClass = obj.class;
var top;
var left;
if($(obj).hasClass("md-modal")){
top = ($(window).height() - $('#'+obj.id).height())/2;
left = ($(window).width() - $('#'+obj.id).width())/2;
}
if($(obj).hasClass("md-tree")){
top = ($(window).height() - $('#'+obj.id).height())/2;
left = ($(window).width() - $('#'+obj.id).width())/1.12;
}
if($(obj).hasClass("md-treeqw")){
var ssd = offset.top+30;
var qqd = offset.left;
top = ssd;
left = qqd;
}
var scrollTop = $(document).scrollTop();
var scrollLeft = $(document).scrollLeft();
$('#'+obj.id).css( { position : 'absolute', top : top + scrollTop, left : left + scrollLeft} );
} var ModalEffects = (function() { function init() { //var overlay = document.querySelector( '.md-overlay' ); [].slice.call( document.querySelectorAll( '.md-trigger' ) ).forEach( function( el, i ) { var modal = document.querySelector( '#' + el.getAttribute( 'data-modal' ) ),
close = modal.querySelector( '.md-close' );
close1 = modal.querySelector( '.abc' );
close2 = modal.querySelector( '.asd' );
function removeModal( hasPerspective ) {
classie.remove( modal, 'md-show' ); if( hasPerspective ) {
classie.remove( document.documentElement, 'md-perspective' );
}
} function removeModalHandler() {
removeModal( classie.has( el, 'md-setperspective' ) );
} el.addEventListener('click', function(ev) {
classie.add(modal, 'md-show');
yyi(modal,$(el).offset());
// overlay.removeEventListener( 'click', removeModalHandler );
// overlay.addEventListener( 'click', removeModalHandler );
// 拖拽
var oTitle = modal.getElementsByTagName("h3")[0];
var oDrag = new Drag(modal, {
handle: oTitle,
limit: false
});
// end---
if (classie.has(el, 'md-setperspective')) {
setTimeout(function() {
classie.add(document.documentElement, 'md-perspective');
}, 25);
}
}); close.addEventListener( 'click', function( ev ) {
ev.stopPropagation();
removeModalHandler();
});
if(close1!=null){
close1.addEventListener( 'click', function( ev ) {
ev.stopPropagation();
removeModalHandler();
});
}
if(close2!=null){
close2.addEventListener( 'click', function( ev ) {
ev.stopPropagation();
removeModalHandler();
});
} } ); } init(); })(); //弹窗拖拽
function Drag() {
//初始化
this.initialize.apply(this, arguments)
}
Drag.prototype = {
//初始化
initialize: function(drag, options) {
this.drag = this.$(drag);
this._x = this._y = 0;
this._moveDrag = this.bind(this, this.moveDrag);
this._stopDrag = this.bind(this, this.stopDrag); this.setOptions(options); this.handle = this.$(this.options.handle);
this.maxContainer = this.$(this.options.maxContainer); this.maxTop = Math.max(this.maxContainer.clientHeight, this.maxContainer.scrollHeight) - this.drag.offsetHeight;
this.maxLeft = Math.max(this.maxContainer.clientWidth, this.maxContainer.scrollWidth) - this.drag.offsetWidth; this.limit = this.options.limit;
this.lockX = this.options.lockX;
this.lockY = this.options.lockY;
this.lock = this.options.lock; this.onStart = this.options.onStart;
this.onMove = this.options.onMove;
this.onStop = this.options.onStop; this.handle.style.cursor = "move"; this.changeLayout(); this.addHandler(this.handle, "mousedown", this.bind(this, this.startDrag))
},
changeLayout: function() {
this.drag.style.top = this.drag.offsetTop + "px";
this.drag.style.left = this.drag.offsetLeft + "px";
this.drag.style.position = "absolute";
this.drag.style.margin = "0"
},
startDrag: function(event) {
var event = event || window.event; this._x = event.clientX - this.drag.offsetLeft;
this._y = event.clientY - this.drag.offsetTop; this.addHandler(document, "mousemove", this._moveDrag);
this.addHandler(document, "mouseup", this._stopDrag); event.preventDefault && event.preventDefault();
this.handle.setCapture && this.handle.setCapture(); this.onStart()
},
moveDrag: function(event) {
var event = event || window.event; var iTop = event.clientY - this._y;
var iLeft = event.clientX - this._x; if (this.lock) return; this.limit && (iTop < 0 && (iTop = 0), iLeft < 0 && (iLeft = 0), iTop > this.maxTop && (iTop = this.maxTop), iLeft > this.maxLeft && (iLeft = this.maxLeft)); this.lockY || (this.drag.style.top = iTop + "px");
this.lockX || (this.drag.style.left = iLeft + "px"); event.preventDefault && event.preventDefault(); this.onMove()
},
stopDrag: function() {
this.removeHandler(document, "mousemove", this._moveDrag);
this.removeHandler(document, "mouseup", this._stopDrag); this.handle.releaseCapture && this.handle.releaseCapture(); this.onStop()
},
//参数设置
setOptions: function(options) {
this.options = {
handle: this.drag, //事件对象
limit: true, //锁定范围
lock: false, //锁定位置
lockX: false, //锁定水平位置
lockY: false, //锁定垂直位置
maxContainer: document.documentElement || document.body, //指定限制容器
onStart: function() {}, //开始时回调函数
onMove: function() {}, //拖拽时回调函数
onStop: function() {} //停止时回调函数
};
for (var p in options) this.options[p] = options[p]
},
//获取id
$: function(id) {
return typeof id === "string" ? document.getElementById(id) : id
},
//添加绑定事件
addHandler: function(oElement, sEventType, fnHandler) {
return oElement.addEventListener ? oElement.addEventListener(sEventType, fnHandler, false) : oElement.attachEvent("on" + sEventType, fnHandler)
},
//删除绑定事件
removeHandler: function(oElement, sEventType, fnHandler) {
return oElement.removeEventListener ? oElement.removeEventListener(sEventType, fnHandler, false) : oElement.detachEvent("on" + sEventType, fnHandler)
},
//绑定事件到对象
bind: function(object, fnHandler) {
return function() {
return fnHandler.apply(object, arguments)
}
}
};
// 采购合同号录入
$(document).ready(function(){
$('#addradio').click(function(){
$('.cghth:checked').closest('tr').find('td').each(function(){
var id = $(this).attr('data-id');
$('#'+id).val($.trim($(this).text()));
});
});
});
// 商品录入
$(document).ready(function(){
$('#addsplrr').click(function(){
$('.splrr:checked').closest('tr').find('td').each(function(){
var id = $(this).attr('data-id');
$('#'+id).val($.trim($(this).text()));
});
});
});
// 商品录入2
$(document).ready(function(){
$('#addsplrrr').click(function(){
$('.splrrr:checked').closest('tr').find('td').each(function(){
var id = $(this).attr('data-id');
$('#'+id).val($.trim($(this).text()));
});
});
});
// 品牌录入
$(document).ready(function(){
$('#addpp').click(function(){
$('.pplr:checked').closest('tr').find('td').each(function(){
var id = $(this).attr('data-id');
$('#'+id).val($.trim($(this).text()));
});
});
});
// 品牌录入2
$(document).ready(function(){
$('#addppp').click(function(){
$('.pplr1:checked').closest('tr').find('td').each(function(){
var id = $(this).attr('data-id');
$('#'+id).val($.trim($(this).text()));
});
});
});
// 供应商录入
$(document).ready(function(){
$('#addgys').click(function(){
$('.gyslr:checked').closest('tr').find('td').each(function(){
var id = $(this).attr('data-id');
$('#'+id).val($.trim($(this).text()));
});
});
});
// 公司录入
$(document).ready(function(){
$('#addgs').click(function(){
$('.gslr:checked').closest('tr').find('td').each(function(){
var id = $(this).attr('data-id');
$('#'+id).val($.trim($(this).text()));
});
});
}); // 仓库录入
$(document).ready(function(){
$('#addcklr').click(function(){
$('.cklr:checked').closest('tr').find('td').each(function(){
var id = $(this).attr('data-id');
$('#'+id).val($.trim($(this).text()));
});
});
}); // input验证手机(一部手机)
function checkMobile(input) {
var re = /^0?1[2|3|4|5|6|7|8|9][0-9]\d{8}$/;
var value = input.value;
if (value == '') {} else if (re.test(value)) {} else {
SimplePop.alert("手机号码格式不正确!");
$(input).val("");
}
}
//两部手机
function checkMobile1(input) {
var re = /^0?1[2|3|4|5|6|7|8|9][0-9]\d{8}$/;
var value = input.value;
var s="";
if(value.length>11){
s = value.indexOf(",");
}
if(s==-1){
SimplePop.alert("多个电话号码之间用英文“,”隔开!");
$(input).val("");
return false;
}
if(value == ''){}else if(value.length==11){
if(re.test(value)){}else{
SimplePop.alert("手机号码格式不正确!");
$(input).val("");
}
}else{
if(re.test(value.substring(0,11)) && re.test(value.substring(12))){
}else{
SimplePop.alert("手机号码格式不正确!");
$(input).val("");
}
}
} // input验证电话号码(固定电话)
function checkPhone(input) {
var re = /^0\d{2,3}-?\d{7,8}$/
var value = input.value;
if (value == '') {} else if (re.test(value)) {} else {
SimplePop.alert("电话号码格式不正确!(区号+号码,区号以0开头,3位或4位)");
$(input).val("");
}
} // input验证邮箱
function checkEmail(input) {
var re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/
var value = input.value;
if (value == '') {} else if (re.test(value)) {} else {
SimplePop.alert("邮箱格式错误!");
$(input).val("");
}
}
// 显示加载中
function showLoading(){
// 添加遮罩层
$('.overlay').remove();
$('body').append('<div class="overlay"></div>');
$(".overlay").css({'position':'fixed','top':'0','right':'0','bottom':'0','left':'0','z-index':'9998','width':'100%','height':'100%'});
$(".overlay").css({'_padding':'0 20px 0 0','background':'#f6f4f5','display':'none'});
$(".overlay").css({'display':'block','opacity':'0.8'});
var h = $(document).height();
$(".overlay").css({"height": h }); // 添加提示层
$('#AjaxLoading').remove();
$('body').append('<div id="AjaxLoading" class="showbox"><div class="loadingWord"><img src="../resources/core/backgrounds/waiting.gif">加载中,请稍候...</div></div>');
$('#AjaxLoading').css({'border':'1px solid #8CBEDA','color':'#37a','font-size':'12px','font-weight':'bold'});
$('#AjaxLoading .loadingWord').css({'width':'180px','line-height':'50px','border':'2px solid #D6E7F2','background':'#fff'});
$('#AjaxLoading img').css({'margin':'10px 15px','float':'left','display':'inline'});
$('.showbox').css({'position':'fixed','top':'300px','left':'50%','z-index':'9999','opacity':'0','filter':'alpha(opacity=0)','margin-left':'-80px'});
$(".overlay,.showbox").css({'position':'absolute','top':'expression(eval(document.documentElement.scrollTop))'}); $(".showbox").stop(true).animate({'opacity':'1'},200);
}
// 隐藏加载中
function clearLoading(){
$(".showbox").stop(true).animate({'opacity':'0'},400);
$(".overlay").css({'display':'none','opacity':'0'});
$("#AjaxLoading").css({'display':'none','opacity':'0'});
}
$(document).ready(function(){
$(".action").click(function(){
showLoading();
setTimeout(function(){
clearLoading();
},800); }); }); // input输入框输入限制
$(document).ready(function(){
//输入数字自动添加小数点后1位
$(".e_de1").change(function(){
if(this.value.indexOf('.')==-1&&this.value!=''){
this.value+='.0';
}
});
//输入数字自动添加小数点后2位
$(".e_de2").change(function(){
if(this.value.indexOf('.')==-1&&this.value!=''){
this.value+='.00';
}
});
//输入数字自动添加小数点后3位
$(".e_de3").change(function(){
if(this.value.indexOf('.')==-1&&this.value!=''){
this.value+='.000';
}
});
//输入数字自动添加小数点后4位
$(".e_de4").change(function(){
if(this.value.indexOf('.')==-1&&this.value!=''){
this.value+='.0000';
}
});
//输入数字自动添加小数点后5位
$(".e_de5").change(function(){
if(this.value.indexOf('.')==-1&&this.value!=''){
this.value+='.00000';
}
});
//输入数字自动添加小数点后6位
$(".e_de6").change(function(){
if(this.value.indexOf('.')==-1&&this.value!=''){
this.value+='.000000';
}
});
//输入数字自动添加小数点后7位
$(".e_de7").change(function(){
if(this.value.indexOf('.')==-1&&this.value!=''){
this.value+='.0000000';
}
});
//输入数字自动添加小数点后8位
$(".e_de8").change(function(){
if(this.value.indexOf('.')==-1&&this.value!=''){
this.value+='.00000000';
}
});
//输入数字自动添加小数点后9位
$(".e_de9").change(function(){
if(this.value.indexOf('.')==-1&&this.value!=''){
this.value+='.000000000';
}
}); $(".e_de1,.e_de2,.e_de3,.e_de4,.e_de5,.e_de6,.e_de7,.e_de8,.e_de9").keyup(function(){
var tmptxt = $(this).val();
$(this).val(tmptxt.replace(/[^(\d|\.)]/g, ''));
}); //文本框只能输入数字
$("input[class='e_number']").keyup(function() {
var tmptxt = $(this).val();
$(this).val(tmptxt.replace(/[^\(\d|\.)]/g, ''));
}).bind("paste", function() {
var el = $(this);
setTimeout(function() {
var text = $(el).val();
el.val(text.replace(/[^\(\d|\.)]/g, ''));
}, 100);
// var tmptxt = $(this).val();
// $(this).val(tmptxt.replace(/[^(\d|\.)]/g, ''));
}).css("ime-mode", "disabled"); //文本框只能输入数字(可以负数)
$("input[class='e_number_e']").keyup(function() {
var tmptxt = $(this).val();
$(this).val(tmptxt.replace(/[^\-?(\d|\.)]/g, ''));
}).bind("paste", function() {
var el = $(this);
setTimeout(function() {
var text = $(el).val();
el.val(text.replace(/[^\-?(\d|\.)]/g, ''));
}, 100);
// var tmptxt = $(this).val();
// $(this).val(tmptxt.replace(/[^(\d|\.)]/g, ''));
}).css("ime-mode", "disabled");
//文本框只能输入数字和英文(禁止输入中文)
$("input[class='e_inqqrqw']").keyup(function() {
var tmptxt = $(this).val();
$(this).val(tmptxt.replace(/[\W]/g,''));
}).bind("paste", function() {
var el = $(this);
setTimeout(function() {
var text = $(el).val();
el.val(text.replace(/[\W]/g,''));
}, 100);
// var tmptxt = $(this).val();
// $(this).val(tmptxt.replace(/[\W]/g,''));
}).css("ime-mode", "disabled"); //inupt只能输入整数
$("input[class='e_integer']").keyup(function() {
if(this.value.length==1){
this.value=this.value.replace(/[^1-9]/g,'')
}else{
this.value=this.value.replace(/\D/g,'')
}
}); //文本框只能输入大于0(不包括0)的正数
$("input[class='e_greater']").keyup(function() {
var tmptxt = $(this).val();
$(this).val(tmptxt.replace(/^[^1-9]/, ''));
}).bind("paste", function() {
var el = $(this);
setTimeout(function() {
var text = $(el).val();
el.val(text.replace(/[^\d\.]/g, ''));
}, 100);
// var tmptxt = $(this).val();
// $(this).val(tmptxt.replace(/[^\d\.]/g, ''));
}).css("ime-mode", "disabled");
$("input[class='e_greater']").keyup(function() {
var tmptxt = $(this).val();
$(this).val(tmptxt.replace(/[^\d\.]/g, ''));
}); //文本框只能输入英文字母
$("input[class='e_nber']").keyup(function() {
var tmptxt = $(this).val();
$(this).val(tmptxt.replace(/[^\a-zA-Z]/g,''));
}).bind("paste", function() {
var el = $(this);
setTimeout(function() {
var text = $(el).val();
el.val(text.replace(/[^\a-zA-Z]/g,''));
}, 100);
// var tmptxt = $(this).val();
// $(this).val(tmptxt.replace(/[^\a-zA-Z]/g,''));
}).css("ime-mode", "disabled"); //inupt只能输入负数
$("input[class='e_inr']").keyup(function() {
var tmptxt = $(this).val();
$(this).val(tmptxt.replace(/^[^1-9][\d]?$/, ''));
if (!isNaN(this.value)) {
if (this.value > 0) {
this.value = 0-this.value;
};
} else {
this.value = '';
};
}) //inupt只能输入负数和0
$("input[class='e_inrqw']").keyup(function() {
var tmptxt = $(this).val();
if (!isNaN(this.value)) {
if (this.value > 0) {
this.value = 0-this.value;
};
} else {
this.value = '';
};
}) ////清除文本框里的空格
// $("input").keyup(function() {
// var tmptxt = $(this).val();
// $(this).val(tmptxt.replace(/[ ]/g,''));
// })
}); //input只能输入1位小数点
function e_limit1(obj){
if(obj.value==obj.value2)
return;
if(obj.value.search(/^\d*(?:\.\d{0,1})?$/)==-1)
obj.value=(obj.value2)?obj.value2:'';
else obj.value2=obj.value;
}
//input只能输入2位小数点
function e_limit2(obj){
if(obj.value==obj.value2)
return;
if(obj.value.search(/^\d*(?:\.\d{0,2})?$/)==-1)
obj.value=(obj.value2)?obj.value2:'';
else obj.value2=obj.value;
}
//input只能输入3位小数点
function e_limit3(obj){
if(obj.value==obj.value2)
return;
if(obj.value.search(/^\d*(?:\.\d{0,3})?$/)==-1)
obj.value=(obj.value2)?obj.value2:'';
else obj.value2=obj.value;
}
//input只能输入4位小数点
function e_limit4(obj){
if(obj.value==obj.value2)
return;
if(obj.value.search(/^\d*(?:\.\d{0,4})?$/)==-1)
obj.value=(obj.value2)?obj.value2:'';
else obj.value2=obj.value;
}
// 时间控件--年月日
$(document).ready(function(){
$('.e_ymd').focus(function(){
WdatePicker({
dateFmt:'yyyy-MM-dd',
});
});
});
// 时间控件--年月日时分秒
$(document).ready(function(){
$('.e_ymdhms').focus(function(){
WdatePicker({
dateFmt:'yyyy-MM-dd HH:mm:ss',
});
});
});
$(document).ready(function() {
$('.e_yyyy').focus(function() {
WdatePicker({
dateFmt : 'yyyy',
});
});
});
$(document).ready(function() {
$('.e_MM').focus(function() {
WdatePicker({
dateFmt : 'MM',
});
});
}); //input字段不能为空或者值超出最大值
function cchecked(id){
if(!checkEmpty(id))return false;
if(!checkMaxNumberLength(id))return false;
return true;
}
function checkEmpty(id){
var num=0;
var str="";
var name="";
$("#"+id).find("input[type$='text'][msgg]").each(function(n){
if($(this).val()=="")
{
num++;
str+=$(this).attr("msgg")+"不能为空!\r\n";
}
});
$("#"+id).find("select[msgg]").each(function(n){
if($(this).val()=="")
{
num++;
str+=$(this).attr("msgg")+"不能为空!\r\n";
}
});
if(num>0){
SimplePop.alert(str);
return false;
}
else{
return true;
}
}
function checkMaxNumberLength(id){
var str="";
var value=0;
var length = 0;
var objStr = "";
var maxnum = 0;
$("#"+id).find("input[maxnumLength]").each(function(n){
length = Number($(this).attr("maxnumLength"));
value = Number(conver2number($(this).val()));
objStr = $(this).attr("msg");
objStr = objStr == undefined?$(this).attr("msgg"):objStr;
objStr = objStr == undefined?$(this).parent().prev().text():objStr;
objStr = objStr == undefined?$(this).attr("name"):objStr;
if(isNaN(value)){
str += objStr+"应为整数位不大于"+length+"位以内的数字!\r\n";
return true;
}
if(!isNaN(length)){
maxnum = Math.pow(10,length);
if(value>=maxnum||value<=(0-maxnum)){
str += objStr+"的值,整数位有效数字超出"+length+"位,无法保存!\r\n";
}
}
});
if(str.length>0){
SimplePop.alert(str);
return false;
}
return true;
}
/**
* 转数字
*/
function conver2number(num,replaceValue){
num = Number(num.replace(/,/gi,''));
if(isNaN(num)){
if(replaceValue!=undefined){
return replaceValue;
}
return 0
}else{
return num;
}
} /* *
* jQuery SimplePop
* IE 7+
* @date 2014-11-24 13:19:36
* https://www.sucaijiayuan.com
* */
// 温馨提示消息弹窗js
"use strict";
var SimplePop = {
alert: function(msg, arg) {
var alertDefaults = {
popType: "alert",
title: "温馨提示",
content: "<div class='layer_msg'><p>" + (msg === undefined ? "" : msg) + "</p><button id='simplePopBtnSure' type='button'>确定</button></div>",
callback: function() { }
};
var opt = $.extend({}, this._defaults, alertDefaults, arg);
this._creatLayer(opt)
},
confirm: function(msg, arg) {
var confirmDefaults = {
popType: "confirm",
title: "温馨提示",
content: "<div class='layer_msg'><p>" + (msg === undefined ? "" : msg) + "</p><button id='simplePopBtnSure' type='button'>确定</button><button id='SimplePopBtncancel' type='button'>取消</button></div>",
cancel: function() { },
confirm: function() { }
};
var opt = $.extend({}, this._defaults, confirmDefaults, arg);
this._creatLayer(opt)
},
prompt: function(msg, arg) {
var promptDefaults = {
popType: "prompt",
title: "温馨提示",
content: "<div class='layer_msg'><p>" + (msg === undefined ? "" : msg) + "</p><div><input type='text' /></div><button id='simplePopBtnSure' type='button'>确定</button><button id='SimplePopBtncancel' type='button'>取消</button></div>",
cancel: function() { },
confirm: function(value) { }
};
var opt = $.extend({}, this._defaults, promptDefaults, arg);
this._creatLayer(opt) },
closeSimplePop: function() {
this._closeLayer();
},
_defaults: {
icon: "",
title: "",
content: "",
width: 0,
height: 0,
background: "#000",
opacity: 0.5,
duration: "normal",
showTitle: true,
escClose: true,
popMaskClose: false,
drag: true,
dragOpacity: 1,
popType: "alert",
type: "info"
},
_creatLayer: function(opt) {
var self = this;
$(".popMask").empty().remove();
$(".popMain").empty().remove();
$("body").append("<div class='popMask'></div>");
var $mask = $(".popMask");
$mask.css({
"background-color": opt.background,
filter: "alpha(opacity=" + opt.opacity * 100 + ")",
"-moz-opacity": opt.opacity,
opacity: opt.opacity
});
opt.popMaskClose &&
$mask.bind("click", function() {
self._closeLayer()
});
opt.escClose && $(document).bind("keyup", function(e) {
try {
e.keyCode == 27 && self._closeLayer()
} catch (f) {
self._closeLayer()
}
});
$mask.fadeIn(opt.duration);
var wrap = "<div class='popMain'>";
wrap += "<div class='popTitle'>" + (opt.icon !== undefined && opt.icon !== "" ? "<img class='icon' src='" +
opt.icon + "' />" : "") + "<span class='text'>" + opt.title + "</span><span class='close'>&times;</span></div>";
wrap += "<div class='popContent'>" + opt.content + "</div>";
wrap += "</div>";
$("body").append(wrap);
var $popMain = $(".popMain");
$popMain.find('.layer_msg').addClass(opt.type + '_icon')
var $popTitle = $(".popTitle");
var $popContent = $(".popContent");
opt.showTitle ? $popTitle.show() : $popTitle.hide();
opt.width !== 0 && $popTitle.width(opt.width);
$(".popTitle .close").bind("click", function() {
$mask.fadeOut(opt.duration);
$popMain.fadeOut(opt.duration);
$popMain.attr("isClose", "1");
opt.type == "container" && $(opt.targetId).empty().append(opt.content);
});
opt.width !== 0 && $popContent.width(opt.width);
opt.height !== 0 && $popContent.height(opt.height);
$popMain.css({
left: $(window).width() / 2 - $popMain.width() / 2 + "px",
top: $(window).height() / 2 - $popMain.height() / 2 + "px"
});
$(window).resize(function() {
$popMain.css({
left: $(window).width() / 2 - $popMain.width() / 2 + "px",
top: $(window).height() / 2 - $popMain.height() / 2 + "px"
})
});
opt.drag && this._drag(opt.dragOpacity) switch (opt.popType) {
case "alert":
$popMain.fadeIn(opt.duration, function() {
$popMain.attr("style", $popMain.attr("style").replace("FILTER:", ""))
});
$("#simplePopBtnSure").bind("click", function() {
opt.callback();
self._closeLayer()
});
break;
case "confirm":
$popMain.fadeIn(opt.duration, function() {
$popMain.attr("style", $popMain.attr("style").replace("FILTER:", ""))
});
$("#simplePopBtnSure").bind("click",
function() {
opt.confirm()
self._closeLayer()
});
$("#SimplePopBtncancel").bind("click", function() {
opt.cancel()
self._closeLayer()
});
break;
case "prompt":
$popMain.fadeIn(opt.duration, function() {
$popMain.attr("style", $popMain.attr("style").replace("FILTER:", ""))
});
$("#simplePopBtnSure").bind("click",
function() {
opt.confirm($(".layer_msg input").val())
self._closeLayer()
});
$("#SimplePopBtncancel").bind("click", function() {
opt.cancel()
self._closeLayer()
});
break;
default:
break;
}
},
_closeLayer: function() {
$(".popTitle .close").triggerHandler("click")
},
_drag: function(d) {
var isDown = false,
b, g;
$(".popTitle").bind("mousedown", function(e) {
if ($(".popMain:visible").length > 0) {
isDown = true;
b = e.pageX - parseInt($(".popMain").css("left"), 10);
g = e.pageY - parseInt($(".popMain").css("top"), 10);
$(".popTitle").css({
cursor: "move"
})
}
});
$(document).bind("mousemove", function(e) {
if (isDown && $(".popMain:visible").length > 0) {
d != 1 && $(".popMain").fadeTo(0, d);
var f = e.pageX - b;
e = e.pageY - g;
if (f < 0) f = 0;
if (f > $(window).width() - $(".popMain").width()) f = $(window).width() - $(".popMain").width() - 2;
if (e <
0) e = 0;
if (e > $(window).height() - $(".popMain").height()) e = $(window).height() - $(".popMain").height() - 2;
$(".popMain").css({
top: e,
left: f
})
}
}).bind("mouseup", function() {
if ($(".popMain:visible").length > 0) {
isDown = false;
d != 1 && $(".popMain").fadeTo(0, 1);
$(".popTitle").css({
cursor: "auto"
})
}
})
}
} function SimplePopConfirm(msg,funSimp){
SimplePop.confirm(msg,{
type: "error",
cancel: function(){
},
//确定按钮回调
confirm: function(){
funSimp();
}
});
} function SimplePop4Confirm(msg,Func){
var args = new Array();
for(i=2;i<arguments.length;i++){
args[i-2] =arguments[i];
}
SimplePop.confirm(msg,{
type: "info",
confirm: function(){
Func(args);
}
})
}

【JavaScript】checkBox的多选行<tr>信息获取的更多相关文章

  1. html javascript checkbox实现全选功能

    html代码 <input type="checkbox" id="all" />all</input> <input type= ...

  2. JavaScript CheckBox实现全选和部分选择

    <html> <head> <script> function BatchAddToBasket() { var questionNums = ''; var ch ...

  3. Jquery 实现动态加入table tr 和删除tr 以及checkbox的全选 和 获取加入TR删除TR后的数据

    关于jquery实现动态加入table tr的问题我也不多说了 上面代码非常多地方都有凝视的 关于返回的 编辑后的table 数据 我这里想说的是我直接把他保存成一个连接起来的字符串了 格式 str= ...

  4. 表单javascript checkbox全选 反选 全不选

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...

  5. jquery 全选、反选、获取值、背景行、隔行变色和鼠标略过变色变色全特效

    好久没有写东西了,当然不是没东西可写,只是没有时间写.今天抽出点时间来把我最近使用的一些 Javascript 特效的东西贴出来,供自己或者别人查询使用.最近我在做一个新的 B/S 系统,由于没有专门 ...

  6. kndo grid:通过checkbox 实现多选和全选

    在kendo grid 里要想通过checkbox 实现多选和权限,我们就要通过templeate 和input 标签对kendo grid 进行自定义 1. 在column 里面加入一列checkb ...

  7. html checkbox 实现全选/取消全选

    html checkbox  实现全选/取消全选 <html> <body> <table border="1"> <tr> < ...

  8. 【转载】checkbox实现全选/取消全选

    比较简单.好理解的写法,做个备注.查看请前往原地址:http://blog.csdn.net/graceup/article/details/46650781 <html> <bod ...

  9. php checkbox复选框值的获取与checkbox默认值输出方法

    php获取 checkbox复选框值的方法,checkbox在php读取值时要用数组形式哦,我们读取这些值用php post获取是以一个array形式哦. php获取 checkbox复选框值的方法 ...

随机推荐

  1. day7 opencv+python 读取视频,没有东西

    1.读取视频man.avi, 报错. 我的视频和文件在同一目录下. #coding=utf-8 import numpy as np import cv2 cap = cv2.VideoCapture ...

  2. 使用salt-ssh初始化系统安装salt-minion

    salt-ssh介绍及使用方法 在ssh上执行salt命令和状态而不安装salt-minion,类似于ansible. 1. salt-ssh的安装: [root@linux-node1 ~]# yu ...

  3. sqlserver安装遇到的问题——1

    SQL Server安装过无数次,今天第一次遇到这样的问题 一.问题消息复制出来是这样的 TITLE: Microsoft SQL Server 2008 R2 安装程序--------------- ...

  4. springboot之oauth2

    一.OAuth2.0是OAuth协议的延续版本,但不向后兼容OAuth 1.0即完全废止了OAuth1.0. OAuth 2.0关注客户端开发者的简易性.要么通过组织在资源拥有者和HTTP服务商之间的 ...

  5. spring 缓存机制

    简介 Spring3.1开始引入了基于注释的缓存,其使用方法和原理类似于Spring对事务管理的支持.可以对容器中的任意的bean或bean的方法添加缓存.   配置Spring缓存 Spring缓存 ...

  6. mac生成ssh公私匙

    1. cd ~/.ssh/ 2.ssh-keygen 3.id_rsa.pub文件放入git 4.私匙放进jenkins

  7. Python中abs()和math.fabs()区别

    描述:Python中fabs(x)方法返回x的绝对值.虽然类似于abs()函数,但是两个函数之间存在以下差异: abs()是一个内置函数,而fabs()在math模块中定义的. fabs()函数只适用 ...

  8. Java EE JavaBean组件

    一.简介 JavaBean组件是一些可移植.可重用并可组装到应用程序中的Java类,类必须是具体的和公共的. 符合下列设计规则的任何Java类均是以JavaBean: 1.对数据类型“protype” ...

  9. 设置PNG图片DPI 信息,保存为PDF(使用Magick),与OpenCV转换

    目录 任务描述 解决方案 Magick++ Talk is cheap, show me the code. 与 Opencv 配合 相关链接 任务描述 我有这样一个需求,读取一张格式为PNG 或者 ...

  10. HackRF One硬件架构及参数简介

    本文内容.开发板及配件仅限用于学校或科研院所开展科研实验! 淘宝店铺名称:开源SDR实验室 HackRF链接:https://item.taobao.com/item.htm?spm=a1z10.1- ...