测试代码:

08-表单对象属性过滤选择器.html

 <!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>08-表单对象属性过滤选择器.html</title>
  <!--   引入jQuery -->
  <script src="../js/jquery-1.4.2.js" type="text/javascript"></script>
  <script src="./script/assist.js" type="text/javascript"></script>
  <link rel="stylesheet" type="text/css" href="./css/style.css" />  

   <script type="text/javascript">
       $(document).ready(function(){
           //<button id="btn1">对表单内 可用input 赋值操作.</button>
           $("#btn1").click(function(){
                   $("input:enabled").val("李冠男")
           });

           //<button id="btn2">对表单内 不可用input 赋值操作.</button>
           $("#btn2").click(function(){
                   $("input:disabled").val("小强");
           });

           //<button id="btn3">获取多选框选中的个数.</button>
           $("#btn3").click(function(){
               alert( $("input:checked").length)

           });

           //<button id="btn4">获取下拉框选中的内容.</button>
           $("#btn4").click(function(){
                   /**
                    * 1:要遍历的元素的角标
                    *
                    * 2：遍历出来的对应的dom
                    */
                   $("select>option:selected").each(function(index,docxml){
                     //dom 不熟悉
                     //alert(docxml.value);
                      alert($(docxml).text());

                 })
           });

     });
   </script>

 </head>
 <body>
   <h3> 表单对象属性过滤选择器.</h3>
    <form id="form1" action="#">
     <button type="reset">重置所有表单元素</button>
     <input type="checkbox" id="isreset" checked="checked"/><label for="isreset">点击下列按钮时先自动重置页面</label>
     <br /><br />
   <button id="btn1">对表单内 可用input 赋值操作.</button>
   <button id="btn2">对表单内 不可用input 赋值操作.</button>
   <button id="btn3">获取多选框选中的个数.</button>
   <button id="btn4">获取下拉框选中的内容.</button>

   <br /><br />

      可用元素：<input name="add" value="可用文本框" />  <br/>
      不可用元素：<input name="email" disabled="disabled" value="不可用文本框"/><br/>
      可用元素： <input name="che" value="可用文本框" /><br/>
      不可用元素：<input name="name" disabled="disabled"  value="不可用文本框"/><br/>
      <br/>
      多选框：<br/>
      <input type="checkbox" name="newsletter" checked="checked" value="test1" />test1
      <input type="checkbox" name="newsletter" value="test2" />test2
      <input type="checkbox" name="newsletter" value="test3" />test3
      <input type="checkbox" name="newsletter" checked="checked" value="test4" />test4
      <input type="checkbox" name="newsletter" value="test5" />test5
      <div></div>

      <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
      下拉列表1：<br/>
     <select name="test" multiple="multiple" style="height:100px">
         <option>浙江</option>
         <option selected="selected" value="湖南">hunan</option>
         <option>北京</option>
         <option selected="selected" value="天津">tianj</option>
         <option>广州</option>
         <option>湖北</option>
     </select>

      <br/><br/>
      下拉列表2：<br/>
      <select name="test2" >
     <option>浙江</option>
     <option>湖南</option>
     <option selected="selected" value="北京">beijing</option>
     <option>天津</option>
     <option >广州</option>
     <option>湖北</option>
     </select>
     <br/><br/>

      <div></div>
   </form>

 <!-- Resources from http://down.liehuo.net -->
 </body>
 </html>

jQuery选择器之表单对象属性过滤选择器Demo的更多相关文章

  1. jQuery选择器之表单对象属性筛选选择器

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content ...

  2. jQuery中的表单对象属性过滤选择器（四、八）：:enabled、:disabled、:checked、:selected

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...

  3. jQuery表单对象属性过滤选择器

    jQuery表单对象属性过滤选择器 <div id="p1" attr="p1"> <input type="text" ...

  4. Jquery | 基础 | jQuery表单对象属性过滤选择器

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用jQuery表单对象属性 ...

  5. 009 jquery过滤选择器-----------（表单对象属性过滤选择器 与 表单选择器）

    1.表单对象属性选择器 2.程序 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...

  6. jQuery 基本选择器 层次选择器 过滤选择器 内容过滤选择器 可见过滤选择器 属性过滤选择器 表单对象属性过滤选择器

  7. jQuery选择器之表单元素选择器

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content ...

  8. jquery选择器之表单选择\表单对象属性

    :input 匹配所有input标签 :text 匹配所有单行文本框 :password 匹配所有密码框 :radio  匹配所有单选扭 :checkbox 匹配所有复选框 :image 匹配所有图像 ...

  9. jquery 表单对象属性筛选选择器

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content ...

随机推荐

  1. C#.Net中的非托管代码清理

    帮助其它项目组Review代码过程,发现有些地方实现了IDispose接口,同时也发现了一些关于IDispose的问题: 1.A类型实现了IDispose接口,B类型里面含有A类型的字段,B类型没有实 ...

  2. Oracle数据库定时任务配置和日志执行情况查询

    基础配置: /***************************************************************** * * 移动抵扣券快到期推送提醒 * 首次执行 : 2 ...

  3. 个人分享：平时开发中感觉几款不错 IDE 、插件、工具

    本人主业 C# 开发,由于是做 Web 开发,所以像 SQL.JavaScript 这些肯定经常要接触到.当然,平时本人也写过 Node.js.Java.Python之类,不过,这些只能讲简单了解而已 ...

  4. nutch-2.2.1 hadoop-1.2.1 hbase-0.92.1 集群部署

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

  5. WSB备份到远程共享文件夹的限制

    WSB备份存储类型: 远程共享文件夹: 可以将一次性(临时)备份和计划备份存储在远程共享文件夹上.(将计划备份存储在远程共享文件夹上的功能是 Windows Server 2008 R2 的新增功能. ...

  6. 为DAG预留群集名称对象（CNO）

    在某些环境中,计算机帐户的创建受到限制或计算机帐户是在非默认计算机容器中创建的,则会预留群集名称对象 (CNO),然后通过为其分配权限来设置 CNO.此外,使用运行 Windows Server 20 ...

  7. linux 下使rdate命令支持ipv6 ntp server 同步时间

    如果使用linux 下,busybox自带的rdate命令 去ipv6 的ntp server 同步时间的话,会提示invalid argument :无效参数. 那么现在下载rdate的源码并对其进 ...

  8. java连接mysql批量写入数据

    1.采用公认的MYSQL最快批量提交办法 public void index() throws UnsupportedEncodingException, Exception { //1000个一提交 ...

  9. linux C 9*9

    #include<stdio.h> #include<conio.h> #include <windows.h> void Gotoxy(int x, int y) ...

  10. /proc/sys/vm/ 内存参数

    linux下proc里关于磁盘性能的参数 http://blog.csdn.net/eroswang/article/details/6126646  我们在磁盘写操作持续繁忙的服务器上曾经碰到一个特 ...