1.jquery取复选框的值

<!--引入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>

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

<!--引入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>

3.取单选钮的属性值

<!--引入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>

4.jquery做全选按钮

<!--引入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">


<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>




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)


												


											
jQuery取复选框值、下拉列表里面的属性值、取单选按钮的属性值、全选按钮、JSON存储、*去空格的更多相关文章
	

    
						
  1. java：JavaScript3（innerHTML，post和get，单选框，多选框，下拉列表值得获取，JS中的数组，JS中的正则）
		
    1.innerHTML用户登录验证: <!DOCTYPE> <html> <head> <meta charset="UTF-8"> ...
    
		
    2. 
						
  2. CheckStateChanged（复选框选中状态更改事件）和 CheckedChanged(单选按钮选中状态更改事件)二者区别？
		
    CheckStateChanged(复选框选中状态更改事件)和 CheckedChanged(单选按钮选中状态更改事件)二者区别: 复选框控件(CheckBox)提供了CheckedChanged控件 ...
    
		
    3. 
						
  3. 11月8日下午Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格
		
    1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
    
		
    4. 
						
  4. Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格
		
    1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
    
		
    5. 
						
  5. jquery 操作单选框，复选框，下拉列表实现代码
		
    1.复选框全选操作:其实说到底就是对Jquery 选择器的运用,点我查看Jquery选择器 html代码: 复制代码代码如下: <form> 您爱好的运动是: <input type ...
    
		
    6. 
						
  6. php中表单提交复选框与下拉列表项
		
    在赶项目中,抽出半个小时来写篇博客吧,这个功能说实话不难,为什么要写呢,因为在复选框那里有小小的难点,我试了好多遍才试成功的,希望能为以后需要帮助的同学提供点思路. 先看一下我做的效果吧 就是给每个业 ...
    
		
    7. 
						
  7. jq获取被选中的option的值。jq获取被选中的单选按钮radio的值。
		
    温故而知新,一起复习下jq的知识点. (1) jq获取被选中的option的值 <select id="select_id"> <option value=&qu ...
    
		
    8. 
						
  8. 案例1.通过Jquery来处理复选框
		
    实现以下功能: 1:选中第一个复选框,那么下面所有的复选框都选中,去除选中第一个复选框,下面的都不选中 2:当点击全选按钮,上面足球.篮球.游泳.唱歌 全部选中 3:当点击全不选按钮,上面四个全部取消 ...
    
		
    9. 
						
  9. 功能代码（1）---通过Jquery来处理复选框
		
    实现以下功能: 1:选中第一个复选框,那么下面所有的复选框都选中,去除选中第一个复选框,下面的都不选中 2:当点击全选按钮,上面足球.篮球.游泳.唱歌 全部选中 3:当点击全不选按钮,上面四个全部取消 ...
    
		
    10. 
						
  10. jquery实现全选、全不选、反选、获取选中的所有值总结
		
    HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮. <!doctype html> <html> <head& ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 关于Tchar
			
    因为C++支持两种字符串,即常规的ANSI编码(使用""包裹)和Unicode编码(使用L""包裹),这样对应的就有了两套字符串处理函数,比如:strlen和w ...
    
			
    2. 
						
  2. JQuery-EasyUI DataGrid CRUD
			
    ASP.NET使用EasyUI-DataGrid + ashx + JQuery Ajax:实现数据的增删查改,查询和分页! 数据表: 学生表:学生编号.姓名.性别.班级编号.年龄 班级表:班级编号. ...
    
			
    3. 
						
  3. centos systemctl指令
			
    # systemctl #输出已激活单元 # systemctl list-units #输出已激活单元 # systemctl --failed #输出运行失败的单元 # systemctl lis ...
    
			
    4. 
						
  4. php的字符串转2进制函数
			
    <?php $file1 = '16.jpg'; $file2 = 'test.txt'; $file3 = '47.jpg'; $size = filesize($file1); echo ' ...
    
			
    5. 
						
  5. BZOJ1012——[JSOI2008]最大数maxnumber
			
    1.题目大意:求末尾L个数的最大值,强制在线 2.分析:这个拿线段树可以直接水过,然后我写了一个 维护单调栈, 二分求最大值的短代码,手懒.... #include <cstdio> #i ...
    
			
    6. 
						
  6. 总结六条对我们学习Linux系统有用的忠告
			
    接触linux需要的是端正自己的态度,这个玩意可不是一天两天就能拿得下的.学习个基础,能装系统.能装常见服务.能编译.能配置存储空间.能配置系统参数.能简单查看系统负载等基本够用.但这些只保证能做机房 ...
    
			
    7. 
						
  7. CoreGraphics QuartzCore CGContextTranslateCTM 用法
			
      原点是: 左下角 旋转: 逆时针 位移: 右上为正, 左下为负 CGContextTranslateCTM CGContextRotateCTM CGContextScaleCTM 而且, 以上几 ...
    
			
    8. 
						
  8. BZOJ 4516: [Sdoi2016]生成魔咒
			
    Description 给出一串数字,求每次插入一个数字后本质不同的子串. Sol SAM. 在 SAM 上添加节点的时候统计一下 \(val[np]-val[par[np]]\) 就可以了... 用 ...
    
			
    9. 
						
  9. 14 BasicHashTable基本哈希表类(一)——Live555源码阅读(一)基本组件类
			
    这是Live555源码阅读的第一部分,包括了时间类,延时队列类,处理程序描述类,哈希表类这四个大类. 本文由乌合之众 lym瞎编,欢迎转载 http://www.cnblogs.com/oloroso ...
    
			
    10. 
						
  10. 1.2---翻转字符串（CC150）
			
    import java.util.*; public class Reverse { public String reverseString(String iniString) { // write  ...
    
			
    11.