1.jquery取复选框的值

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

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

<head>

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

<title>无标题文档</title>

<!--引入jquery包-->

<script src="../jquery-1.11.2.min.js"></script><!--引入的jquery一定是在最上面的-->

<style type="text/css">

</style>

</head>

<body>

<input type="checkbox" value="01" class="ck" />

<input type="checkbox" value="02" class="ck" />

<input type="checkbox" value="03" class="ck" />

<input type="checkbox" value="04" class="ck" />

<input type="checkbox" value="05" class="ck" />

<input type="button" value="取选中" id="btn" />
<script type="text/jscript">

//取复选框的选中值

$("#btn").click(function(){

        var ck = $(".ck");

        for(var i=0;i<ck.length;i++)

        {

            //判断选中

            /*if(ck[i].checked)

            {

                alert(ck[i].value);//js方法

            }*/

            if(ck.eq(i).prop("checked"))//prop判断是否选中

            {

                alert(ck.eq(i).val());

            }

        }

    })

</script>
</body>

</html>

2.取下拉列表里面的属性值

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

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

<head>

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

<title>无标题文档</title>

<!--引入jquery包-->

<script src="../jquery-1.11.2.min.js"></script><!--引入的jquery一定是在最上面的-->

<style type="text/css">

</style>

</head>

<body>

<select id="sel">

    <option value="1111">1111</option>

    <option value="2222">2222</option>

    <option value="3333">3333</option>

</select>

<input type="button" value="取下拉" id="b1" />
<script type="text/jscript">

    $("#b1").click(function(){

            alert($("#sel").val());

        })

</script>
</body>
</html>

3.取单选钮的属性值

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

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

<head>

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

<title>无标题文档</title>

<!--引入jquery包-->

<script src="../jquery-1.11.2.min.js"></script><!--引入的jquery一定是在最上面的-->

<style type="text/css">

</style>

</head>

<body>

<input class="ck" type="radio" value="01" class="rd" name="a" />

<input class="ck" type="radio" value="02" class="rd" name="a" />

<input class="ck" type="radio" value="03" class="rd" name="a" />

<input class="ck" type="radio" value="04" class="rd" name="a" />

<input class="ck" type="radio" value="05" class="rd" name="a" />

<input type="button" value="取单选" id="b2" />
<script type="text/jscript">

    $("#b2").click(function(){

    var ck = $(".ck");

        for(var i=0;i<ck.length;i++)

        {

            if(ck.eq(i).prop("checked"))//prop判断是否选中

            {

                alert(ck.eq(i).val());

            }

        }

    })

</script>
</body>

</html>

4.jquery做全选按钮

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

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

<head>

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

<title>无标题文档</title>

<!--引入jquery包-->

<script src="../jquery-1.11.2.min.js"></script><!--引入的jquery一定是在最上面的-->

<style type="text/css">

</style>

</head>

<body>

<input type="checkbox" id="qx" />全选

<input type="checkbox" value="01" class="ck" />

<input type="checkbox" value="02" class="ck" />

<input type="checkbox" value="03" class="ck" />

<input type="checkbox" value="04" class="ck" />

<input type="checkbox" value="05" class="ck" />
<script type="text/jscript">

$("#qx").click(function(){

        /*if($(this)[0].checked)

        {

            $(".ck").attr("checked","checked")

        }

        else

        {

            $(".ck").removeAttr("checked");

        }*///标记的这段代码中存在bug，不能用来做全选，要记住。用下面2行代码。

　　　　　　var xz = $(this).prop("checked")//xz接收的值是true（选中）或者flase（未选中）

　　　　　　$(".ck").prop("checked",xz)//如果是选中，就是true

        })

</script>
</body>

</html>

5.js或jquery里面有数据存储方式

　　存储数据的名字叫做JSON

var json = {code:"n001",name:"张三",js:{c:"p001",n:"回族"}};//定义方式。定义比较随便，可以往里面放任意数据。

    //取值

    //alert(json.code)//取值方式

    //alert(json.js.n)

    //alert(json["name"])

6.去空格

var str= "    hello ";

str = str.trim();//不加取空格输出的长度是10，包含空格的长度。去掉空格输出的长度为5.

alert(str.length)

11月8日下午Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格的更多相关文章

  1. 11.8 开课二个月零四天 （Jquery取属性值，做全选，去空格）

    1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

  2. 11月8日上午Jquery的基础语法、选取元素、操作元素、加事件、挂事件及移除事件

    jquery基础知识 1.jquery文件的引入,所有的js代码要写在下面那段代码下面. <script src="../jquery-1.11.2.min.js">& ...

  3. Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格

    1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

  4. jQuery对复选框（checkbox)的全选，全不选，反选等的操作

    效果截图: HTML代码: <body><ul id="list"> <li><label><input type=" ...

  5. jQuery实现checkbox（复选框）选中、全选反选代码

    谁都知道 在html 如果一个复选框被选中 是 checked="checked". 但是我们如果用jquery alert($("#id").attr(&qu ...

  6. 11月15日下午 ajax返回数据类型为XML数据的处理

    ajax返回数据类型为XML数据的处理 /*XML:可扩展标记语言 HTML:超文本标记语言 标签:<标签名></标签名> 特点: 1.必须要有一个根 2.标签名自定义 3.对 ...

  7. 11月10日下午 ajax做显示信息以后用ajax、Bootstrp做弹窗显示信息详情

    1.用ajax做弹窗显示信息详情 nation.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...

  8. 11月7日下午PHP----PDO访问方式操作数据库

    MySQLI是专门访问MySQL数据库的,不能访问其它数据库.PDO可以访问多种的数据库,它把操作类合并在一起,做成一个数据访问抽象层,这个抽象层就是PDO,根据类操作对应的数据库.mysqli是一个 ...

  9. 11月6日下午PHP注册审核（审核状态控制登录、可以更改审核状态）

    1.创建登录界面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...

随机推荐

  1. 机器学习实战笔记(Python实现)-02-决策树

    --------------------------------------------------------------------------------------- 本系列文章为<机器 ...

  2. 关于Redis数据过期策略

    1.Redis中key的的过期时间 通过EXPIRE key seconds命令来设置数据的过期时间.返回1表明设置成功,返回0表明key不存在或者不能成功设置过期时间.在key上设置了过期时间后ke ...

  3. stl之截取：以一段字符串截取字符串

    string dforder = line.substr(0,line.find("\t")).c_str(); 解析: line为传进来的string类型 substr查找第0位 ...

  4. [原创]kali linux下破解wifi密码以及局域网渗透

    无线破解是进行无线渗透的第一步.破解无线目前只有两种方法:抓包.跑pin. 破解无线方法一:抓包.我是在kali linux下进行的. 将无线网卡的模式调为监听模式. airmon-ng start ...

  5. redis 集群创建常见几个问题

    Redis配置集群遇到问题及解决方法   配置完所有主节点后,报" ERR Invalid node address specified" 由于Redis-trib.rb 对域名或 ...

  6. 域用户执行金蝶K/3报错解决方法

    自从上星期测试加域意外将公司考勤系统整出事后,就再也不敢在物理机测试了. 装好虚拟机和装好金蝶K/3系统后,被这条报错信息折腾了好几天,一方面是不熟悉该软件,另一方面是几乎搜不到相关的文章. 一.问题 ...

  7. Jekyll + Github 搭建属于你的静态博客

    1. 搭建Jekyll环境 linux下jekyll的安装非常简单,这里主要讲一下windows下的jekyll的安装过程 这是一台刚刚装完系统的win10系统,它什么都没有,让我们从零开始. 1.1 ...

  8. WinCE非通用调试工具汇总

    WinCE-IIC调试助手(S3C2410) http://www.cnblogs.com/we-hjb/archive/2008/10/19/1314562.html WinCE下音频频谱显示(TD ...

  9. 洛谷P1373 小a和uim之大逃离[背包DP]

    题目背景 小a和uim来到雨林中探险.突然一阵北风吹来,一片乌云从北部天边急涌过来,还伴着一道道闪电,一阵阵雷声.刹那间,狂风大作,乌云布满了天空,紧接着豆大的雨点从天空中打落下来,只见前方出现了一个 ...

  10. Maven配置详见

    CSDN 2016博客之星评选结果公布    [系列直播]零基础学习微信小程序!      "我的2016"主题征文活动   博客的神秘功能 maven 配置详解 标签: mave ...