[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>

checkbox 选中、取值处理的更多相关文章

  1. Jquery操作复选框(CheckBox)的取值赋值实现代码

    赋值 复选框 CheckBox 遍历 取值  1. 获取单个checkbox选中项(三种写法): $("input:checkbox:checked").val() 或者 $(&q ...

  2. webform开发经验(一):Asp.Net获取Checkbox选中的值

    webform中获取repeat控件列表下的checkbox选中的值: 码农上代码: public static string getSelectedIDs(Repeater Rpt_) { stri ...

  3. jquery操作select下拉框的多种方法(选中,取值,赋值等)

    Query获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Sel ...

  4. angular raido checkbox select取值

    radio {{modelName}} <div class="radio disIB"> <label class="i-checks"&g ...

  5. jquery取checkbox选中的值

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  6. jquery 取指定class下的input checkbox选中的值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. jQuery之获取checkbox选中的值

    <mce:script src="jquery.js" mce_src="jquery.js"></mce:script><!-- ...

  8. 作品第一课----获取批量checkbox选中的值

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. jQuery radio|checkbox的取值与赋值

    文章简单即是美[我说的是技术博客] |--radio   |--checkbox   参考: http://blog.csdn.net/gd2008/article/details/6951208 h ...

  10. checkbox 选中获取值

    1:jsp 页面 从页面获取checkbox 的值传到后台 <div id="divCheckbox" class="hide"> <tr&g ...

随机推荐

  1. CBUUID UUIDString unrecognized selector sent to instance 错误

    CBUUID UUIDString unrecognized selector sent to instance 错误 ios7.0,4s 蓝牙出现上述错误! 查看api可知,错误原因,由于CBUUI ...

  2. DOM遍历方法

    为标题行添加样式 $(document).ready(function(){ $('th').parent().addClass('table-heading'); $('tr:not([th]):o ...

  3. 关于如何来构造一个String类

    今天帮着一位大二的学弟写了一个String的类,后来一想这个技术点,也许不是什么难点,但是还是简单的记录一些吧! 为那些还在路上爬行的行者,剖析一些基本的实现..... 内容写的过于简单,没有涉及到其 ...

  4. JQ弹出框移动-插件分享~~~

    <script src="js/jQuery8.3.js" type="text/javascript"></script> <s ...

  5. 修改oracle字符集

    >sqlplus /nolog >conn / as sysdba sql>shutdown immediate sql>startup mount sql>ALTER ...

  6. 二模 (16) day1&day2

    第一题:题目大意: 数列a[0]=a[1]=1, a[n]=a[n-2]*a[n-1]*n,求a[n]的因子个数 mod 1000000007.  n<=1000000 解题过程: 1.递推式还 ...

  7. Android - PopupWindow

    PopupWindow就是一个可以显示在当前界面上的浮动容器,它可以用来显示任意一个View,同时还可以指定显示的位置. 下面写一个显示下拉的例子: PopupWindow mpopupWindow; ...

  8. MyJni撒旦

    package com.baidu.jnitest; import android.os.Bundle; import android.app.Activity; import android.vie ...

  9. 验证页面多个input文本的必填项

    前台页面 JS : function CheckMustWrite(){ var count = $("input[mustwrite = 'true']", document.f ...

  10. jboss入门学习1

    环境准备 win8 jdk1.6 jboss4.0.5 oracle10g 修改jboss默认端口 server/default/conf/jboss-service.xml 1.WebService ...