<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <script src="Js/jquery-1.9.1.js"></script>

    <script type="text/javascript">

        //公有变量

        var Datas = {};

        //点击事件

        function checkMe(obj) {

            var key = $(obj).attr("value");

            var keyInfo = $(obj).attr("info");

            var isNot = true;

            for (var i in Datas) {

                if (i == key) {

                    delete Datas[i];

                    isNot = false;

                }

            }

            if (isNot) {

                $(Datas).attr(key, keyInfo);

            }

        }

        //输出变量

        function showInfo() {

            for (var i in Datas)

                alert(i);

        }

        //设置选中

        function setCheck() {

            var argss = ["李四", "王五", "李三"];

            $.each(argss, function (i, n) {

                var o = "input:checkbox[value=" + n + "]";

                $(o).attr("checked", true);

            });

        }

    </script>

</head>

<body>

    <input type="button" value="验证" onclick="showInfo()" />

    <input type="button" value="设置" onclick="setCheck()" />

    <div>

        <ul>

            <li>

                <input type="checkbox" value="李四" id="checkbox2" onclick="checkMe(this)" info='{"年龄":"22"}' /><label for="checkbox2">李四</label></li>

            <li>

                <input type="checkbox" value="王五" id="checkbox3" onclick="checkMe(this)" info='{"年龄":"33"}' /><label for="checkbox3">王五</label></li>

            <li>

                <input type="checkbox" value="赵六" id="checkbox4" onclick="checkMe(this)" info='{"年龄":"44"}' /><label for="checkbox4">赵六</label></li>

            <li>

                <input type="checkbox" value="李三" id="checkbox5" onclick="checkMe(this)" info='{"年龄":"22"}' /><label for="checkbox5">李三</label></li>

        </ul>

    </div>

</body>

</html>

Json操作的更多相关文章

  1. Json操作（DynamicJson）

    Json的简介 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了 ...

  2. ASP.NET 里的 JSON操作

    最近项目中需要用到 JSON操作,google了一下 找到了几个比较好的操作方法.... 一 .使用 mircosoft 提供的 .NET Framework 自带的 json操作方法 1. 使用Ja ...

  3. Newtonsoft.Json 操作 JSON 字符串

    Newtonsoft.Json介绍 在做开发的时候,很多数据交换都是以json格式传输的.而使用Json的时候,我们很多时候会涉及到几个序列化对象的使用:DataContractJsonSeriali ...

  4. Asp.Net Core 2.0 项目实战（8）Core下缓存操作、序列化操作、JSON操作等Helper集合类

    本文目录 1.  前沿 2.CacheHelper基于Microsoft.Extensions.Caching.Memory封装 3.XmlHelper快速操作xml文档 4.Serializatio ...

  5. JavaScript对json操作小记

    JSON是一种轻量级的数据交换格式,同时,JSON是 JavaScript 原生格式,因此我们可以直接处理它不需要依赖任何工具包或者插件.因此,好多后台都会选择返回给前端这种非常友好的数据格式. 引子 ...

  6. 微信小程序setData()方法的详解以及对数组/json操作

    此篇文章是本人对setData方法的一些理解,是查阅文档和查找一些其他资料综述的,有所不足希望指正! 直接进入正题! 一.setData()方法: 1.参数接受一个对象,以key,value的形式表示 ...

  7. C#工具类：Json操作帮助类（转载）

    原文转载自C#工具类:Json操作帮助类_IT技术小趣屋. Json序列化和反序列化在程序开发中时常会遇到,在C#中可以使用很多种方法实现对数据的Json序列化和反序列化,封装一个Json操作工具类来 ...

  8. 【转载】C#工具类：Json操作帮助类

    Json序列化和反序列化在程序开发中时常会遇到,在C#中可以使用很多种方法实现对数据的Json序列化和反序列化,封装一个Json操作工具类来简化相应的操作,该工具类中包含以下功能:对象转JSON.数据 ...

  9. 【转】python 历险记（四）— python 中常用的 json 操作

    [转]python 历险记(四)— python 中常用的 json 操作 目录 引言 基础知识 什么是 JSON? JSON 的语法 JSON 对象有哪些特点? JSON 数组有哪些特点? 什么是编 ...

  10. python 历险记（四）— python 中常用的 json 操作

    目录 引言 基础知识 什么是 JSON? JSON 的语法 JSON 对象有哪些特点? JSON 数组有哪些特点? 什么是编码和解码? 常用的 json 操作有哪些? json 操作需要什么库? 如何 ...

随机推荐

  1. MySQL的安装——源码方式(实验环境下测试用，真实环境请忽略此文)

    #虚拟机是最初的的系统,我们在虚拟机里安装scp [root@serv01 ~]# yum install /usr/bin/scp -y #安装过程略 #我们拷贝MySQL的源码包到目标机的/roo ...

  2. python--字符工厂函数dict()

    字符工厂函数str() class str(object): """ str(object='') -> str str(bytes_or_buffer[, enc ...

  3. jsp:session对象存储数据

    public void setAttribute(String key,Object obj).session对象可以调用该方法将参数object指定的对象obj添加到session对象中,并为添加的 ...

  4. Android_ProgressBar

    xml文件: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns ...

  5. ES 中的那些坑

    数组 1. 数组中的 full-text 字段将被 [analyzed] 2. 数组中[所有元素]的数据类型必须一致 3. 数组的数据类型,以其 [第一个元素]为准 映射 1. 数据类型会自动进行转化 ...

  6. Servlet线程安全问题

    Servlet采用单实例多线程方式运行,因此是线程不安全的.默认情况下,非分布式系统,Servlet容器只会维护一个Servlet的实例,当多个请求到达同一个Servlet时,Servlet容器会启动 ...

  7. pat 1006 Sign In and Sign Out (25)

    At the beginning of every day, the first person who signs in the computer room will unlock the door, ...

  8. 纯CSS实现三列布局(两边固定，中间自适应)

    看了一些网上的案例,感觉较繁杂,于是,自己整理了一篇来说明这个东西. 也是给我自己复习吧,以前有人问道,我还没答上来呢.＝＝ 看代码: html: <div class="top&qu ...

  9. h2database源码浅析：集群

    Clustering / High Availability This database supports a simple clustering / high availability mechan ...

  10. HTTP 错误 500.21 - Internal Server Error的解决方案

    开始菜单>所有程序>附件>命令提示符(以管理员的身份运行) 然后运行下面的命令注册: 32位机器: C:\Windows\Microsoft.NET\Framework\v4.0.3 ...