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. 浅谈Java中的Set、List、Map的区别（转）

    对JAVA的集合的理解是想对于数组: 数组是大小固定的,并且同一个数组只能存放类型一样的数据(基本类型/引用类型),JAVA集合可以存储和操作数目不固定的一组数据. 所有的JAVA集合都位于 java ...

  2. 个人Github-欢迎交流探讨

    Github annsshadow

  3. python版本升级

    python 2.7.11,下载链接  https://www.python.org/ftp/python/2.7.11/Python-2.7.11.tgz,如下载速度太慢可在豆瓣pypi搜索下载ht ...

  4. andrioid 分享到其它（短信，qq，微信等功能）

    public static void share(Context context, String text) { Intent intent = new Intent(Intent.ACTION_SE ...

  5. mysql下存储文件问题

    ibdata1 & mysql-bin 问题:磁盘空间报警,经查发现ibdata1和mysql-bin日志占用空间太多(其中ibdata1超过120G,mysql-bin超过80G) 原因:i ...

  6. DOM document object model learn

    DOM对W3C DOM而言,HTML文档中任何一样东西都是一个节点,而且节点之间是有层次的.如<p>I am a JavaScript hacker.</p>有两个节点,一个是 ...

  7. [转]MVC过滤器

    本文转自:http://www.cnblogs.com/HopeGi/p/3342083.html APS.NET MVC中(以下简称“MVC”)的每一个请求,都会分配给相应的控制器和对应的行为方法去 ...

  8. Mysql 存储引擎 InnoDB与Myisam的主要区别

    MySQL默认采用的是MyISAM. 1,事务处理 innodb 支持事务功能,myisam 不支持. Myisam 的执行速度更快,性能更好. MyISAM不支持事务,而InnoDB支持.InnoD ...

  9. ESXi5.5下的Centos7虚机配置静态IP

    使用的是osboxes.org上下载的已安装centos7 image, 在启动后, ifconfig不能看到网卡, 需要关机后在ESXi客户端编辑虚机, 删除网卡, 保存, 添加网卡, 网卡类型选择 ...

  10. SQL获取本周、本月、本季度的记录的语句

    前提条件:假设表名为:tableName:时间字段名为:theDate ①查询本周的记录 select * from tableName where DATEPART(wk, theDate) = D ...