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" name="a" />

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

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

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

<input class="ck" type="radio" value="05" 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取属性值，做全选，去空格）的更多相关文章
	

    
								
  1. 11月8日下午Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格
		
    1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
    
		
    2. 
						
  2. 11.8 开课二个月零四天 （Jquery）
		
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
    
		
    3. 
						
  3. 11.10 （上午）开课二个月零六天（ajax基础，ajax做登录）
		
    test.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...
    
		
    4. 
						
  4. 11.11 开课二个月零七天（ajax和bootstrp做弹窗）
		
    1.用ajax做弹窗显示信息详情 nation.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...
    
		
    5. 
						
  5. 11.10 （下午）开课二个月零六天（ajax验证用户名，ajax调数据库）
		
    用ajax验证用户名是否可用 testuid.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo ...
    
		
    6. 
						
  6. 11.7 （下午）开课二个月零三天 （PDO）
		
    PDO访问方式操作数据库   mysqli是专门访问MySQL数据库的,不能访问其它数据库.PDO可以访问多种的数据库,它把操作类合并在一起,做成一个数据访问抽象层,这个抽象层就是PDO,根据类操作对 ...
    
		
    7. 
						
  7. 第十四篇 -- QMainWindow与QAction（清空-全选-撤销-重做-关闭-语言选择）
		
    效果图: 这次添加了关闭-撤销-重做-全选-清空等功能,并添加了字体和字体大小选择.基本方法跟前面几篇类似. ui_mainWindow.py # -*- coding: utf-8 -*- # Fo ...
    
		
    8. 
						
  8. 测开之路一百零四：jquery操作样式
		
    jquery操作样式 添加样式.删除样式 切换样式 css("属性","值") css("属性","值"), 修改多个  ...
    
		
    9. 
						
  9. ExtJs 使用点滴 十四 通过设置CheckboxSelectionModel属性值来实现GridPanel复选框可用不可用
		
    var sm = new Ext.grid.CheckboxSelectionModel({singleSelect : false,renderer:function(v, p, record)   ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. [Android] Service服务详解以及如何使service服务不被杀死
			
    排版上的细节有些不好看,主要是我用的MarkDown编辑器预览和这里的不一样,在那个上面的样式很舒服.这里要改的地方太多就不想改了,将就看吧.下次写的时候注意.还有看到错误给我提啊. 本文链接:htt ...
    
			
    2. 
						
  2. springcloud 入门 1 （浅谈版本关系）
			
    SpringCloud: 参考官网:https://projects.spring.io/spring-cloud/            中文版         https://springclou ...
    
			
    3. 
						
  3. 《图解HTTP》
			
    第一章.了解web及网络基础 1.2 http的诞生 HTTP于1990年问世,那时候HTTP并没有作为正式的标准被建立,被称为HTTP/0.9 HTTP正式作为标准被公布是在1996年5月,版本被命 ...
    
			
    4. 
						
  4. pytest进阶
			
    参考文章 使用 pytest pytest 这个 库是一个第三方库,严格来说,它的设计思路不属于 xUnit 系列.但它使用起来比较方便,同时他又兼容 unittest 的用例:用 unittest  ...
    
			
    5. 
						
  5. 用例设计之API用例覆盖准则
			
    基本原则 本文主要讨论API测试的用例/场景覆盖,基本原则如下: 用户场景闭环(从哪来到哪去) 遍历所有的实现逻辑路径 需求点覆盖 覆盖维度 API协议(参数&业务场景) 中间件检查 异常场景 ...
    
			
    6. 
						
  6. 【SPL标准库专题(2)】 Iterator
			
    Iterator界面 本段内容来自阮一峰老师再加自己的部分注解 SPL规定,所有部署了Iterator界面的class,都可以用在foreach Loop中.Iterator界面中包含5个必须部署的方 ...
    
			
    7. 
						
  7. win10的ie11正确卸载与重新安装
			
    win10的ie11是自带与斯巴达共存的浏览器,不正确的卸载或安装可能会导致不可预知的问题,以下为我总结出来正确的方法: 卸载: 进入 控制面板--程序与功能 之后在左侧选择 “启动与关闭Window ...
    
			
    8. 
						
  8. 隐藏linux软件及内核版本
			
    在登陆linux主机本地(非xshell或crt)前,会显示系统的版本和内核: 那么我们如何隐藏呢?如下: 1.清空版本及内核信息: [root@bqh-01 ~]# cat /etc/issue C ...
    
			
    9. 
						
  9. 【转】Spring学习---Bean配置的三种方式（XML、注解、Java类）介绍与对比
			
    [原文]https://www.toutiao.com/i6594205115605844493/ Spring学习Bean配置的三种方式(XML.注解.Java类)介绍与对比 本文将详细介绍Spri ...
    
			
    10. 
						
  10. 记录一次nginx配置vhost的小bug
			
    话说这篇博客是在是为了保持自己记录生活的习惯而写的,没有什么阅读的价值,各位读者可以直接忽略了.今天在配置一个域名的时候,写了new_example.com(举例而已) 因为是内测,所以并未想象到深层 ...
    
			
    11.