<!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. ThindPad x230 无法U盘启动

    国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...

  2. 教你50招提升ASP.NET性能（七）：总是在服务器端执行验证

    (13)Always perform validation on the server as well 招数13: 总是在服务器端执行验证 This isn’t exactly a performan ...

  3. callerloc

    callerloc An Android app to show location info of incoming calls or outgoing calls in a floating win ...

  4. [Practical Git] Switching between current branch and last checkout branch

    When working on a project, it is much easier to work on features and bugs in isolation of the rest o ...

  5. S5PV210（TQ210）裸机编程

    本文很多其它的是教会大家怎样学习. 4.1    汇编学习 4.1.1 基础知识     4.1.2 ARM模拟器 4.2    S5PV210启动流程 4.3    点亮一个LED 4.4    串 ...

  6. windows MySQL 5+ 服务手动安装

    一.手动安装mysql 1.准备一个mysql免安装版本(把原来安装好的版本复制一份即可.一次安装多次使用^_^),将mysql复制到指定目录. 2.配置my.ini文件(本例使用的是5.0.22版本 ...

  7. MSSQL计算日期方法大全

    通常,你需要获得当前日期和计算一些其他的日期,例如,你的程序可能需要判断一个月的第一天或者最后一天.你们大部分人大概都知道怎样把日期进行分割(年.月.日等),然后仅仅用分割出来的年.月.日等放在几个函 ...

  8. Eclipse插件-easy-explore-1.0.4

    下载地址:http://sourceforge.net/projects/easystruts/files/Easy%20Explorer%20for%20Eclipse/easy-explore-1 ...

  9. 聊聊 iOS 开发中的协议

    前言 何为协议,简单来说在OC中我们使用关键字@protocol可以声明一个协议,并在协议中添加多个属性.方法供于遵循者实现,从某个角度上来说,这是一种不同于category机制的category.在 ...

  10. 面试体验：Google 篇（转）

    http://www.cnblogs.com/cathsfz/archive/2012/08/08/google-interview-experience.html 尝试在自己的博客上搜索点东西,结果 ...