[1].[代码] checkbox 选中、取值处理 跳至 [1]
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
/****处理checkbox 配合jquery，layer 使用****/var handleCheckbox;
function HandleCheckbox(className) {
this.className = className;
};//全选HandleCheckbox.prototype.Select = function() {
$("[class=\'" + this.className + "\']:checkbox").prop("checked", true);
};//取消全选HandleCheckbox.prototype.unSelect = function() {
$("[class=\'" + this.className + "\']:checkbox").removeAttr("checked");
};//获取 checkbox 实例HandleCheckbox.prototype.GetInstance = function() {
var Instances = $("[class=\'" + this.className + "\']:checkbox:checked");
if (Instances.length > 0) {
//console.log($(Instances[0]).attr("extend"));
return Instances[0];
}
else {
layer.msg(\'没有选择数据\');
}
};//获取选中的值HandleCheckbox.prototype.GetValues = function() {
var result = new Array();
$("[class=\'" + this.className + "\']:checkbox").each(function() {
if ($(this).is(":checked")) {
result.push($(this).attr("value"));
}
});
console.log(result);
return result.join(",");
};//检查是否选中数据HandleCheckbox.prototype.GetSingleValue = function() {
var args = this.GetValues().split(",");
if (args == "" || args.length == 0) {
layer.msg(\'没有选择数据\');
return false;
}
if (args.length > 1) {
layer.msg(\'请选择一条数据进行操作\');
return false;
}
return args[0];
};(function() {
handleCheckbox = new HandleCheckbox("zz");
})();---------调用示例---------<a href="#" onclick="handleCheckbox.Select();">全选</a>
|