1.表单对象属性选择器

　　

2.程序

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="UTF-8">

 <title>Insert title here</title>

 <script type="text/javascript" src="jquery-3.2.1.min.js"></script>

 <script type="text/javascript">

     $(function(){

         //对表单内 可用input 赋值操作

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

             $(":text:enabled").val("可用的");

         });

         //对表单内 不可用input 赋值操作

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

             $(":text:disabled").val("不可用的");

         });

         //获取多选框选中的个数

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

             var len=$(":checkbox[name='newsletter']:checked").length;

             alert(len);

         });

         //获取多选框选中的内容

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

             $(":checkbox[name='newsletter']:checked").each(function(){

                 alert(this.value);

             })

         })

         //获取下拉框选中的内容

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

             //select后面有空格

             $("select :selected").each(function(){

                 alert(this.value);

             });

         });

     })

 </script>

 </head>

 <body>

     <h3>表单对象属性过滤选择器</h3>

     <button id="btn1">对表单内 可用input 赋值操作.</button>

     <button id="btn2">对表单内 不可用input 赋值操作.</button>

     <button id="btn3">获取多选框选中的个数.</button>

     <button id="btn4">获取多选框选中的内容.</button>

     <button id="btn5">获取下拉框选中的内容.</button>

     <br /><br /><br />

     <form id="form1" action="#">

         可用元素: <input name="add" value="可用文本框1" /><br> 不可用元素:

         <input

             name="email" disabled="true" value="不可用文本框" /><br>

         可用元素: <input

             name="che" value="可用文本框2" /><br>

         不可用元素: <input name="name"

             disabled="true" 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 <br>

         <br><br>

         下拉列表1:<br>

         <select name="test" multiple="multiple"

             style="height: 100px">

             <option>浙江</option>

             <option selected="selected">辽宁</option>

             <option>北京</option>

             <option selected="selected">天津</option>

             <option>广州</option>

             <option>湖北</option>

         </select> <br>

         <br><br>

         下拉列表2:

             <select name="test2">

             <option>浙江</option>

             <option>辽宁</option>

             <option selected="selected">北京</option>

             <option>天津</option>

             <option>广州</option>

             <option>湖北</option>

         </select>

         <br/><br/>

         多选框：<br>

             <textarea rows="" cols=""></textarea>

     </form>

 </body>

 </html>

3.表单选择器

　　

009 jquery过滤选择器-----------（表单对象属性过滤选择器 与 表单选择器）的更多相关文章

  1. jQuery选择器之表单对象属性过滤选择器Demo

    测试代码: 08-表单对象属性过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

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

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

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

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

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

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

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

  6. jquery表单对象属性选择器

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

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

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

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

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

  9. JQuery学习(表单对象属性)---checked

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...

随机推荐

  1. Tomcat如何开启SSL配置(https)

    一.创建证书 证书用于客户端与服务端安全认证.我们可以使用JDK自带的keytool工具来生成证书.真正在产品环境中使用肯定要去证书提供商去购买,证书认证一般都是由VeriSign认证,官方地址:ht ...

  2. Appium+python自动化获取toast消息（windows版）的方法

    原来用的Appium1.5.3GUI版本,那为什么升级呢? 为了兼容最新版本的iOS10和Android7 Xcode8升级后,将不支持使用UIAutomation,而是改为使用XCUITest了,并 ...

  3. (转)Maven学习总结(一)——Maven入门 安装使用

    备注 转自: 孤傲苍狼 http://www.cnblogs.com/xdp-gacl/p/3498271.html 只为成功找方法,不为失败找借口! 1. Maven的基本概念 Maven(翻译为& ...

  4. virtualbox 迁移虚拟机存储位置

    1. 菜单--管理--全局设定 ,更改 默认虚拟电脑位置. 2. 复制 (移动)现有虚拟机目录到新位置,软件里删除现有虚拟机 3. 菜单--控制--注册,逐个选择虚拟机目录里的 .vbox文件,导进虚 ...

  5. Hadoop生态圈-Kafka配置文件详解

    Hadoop生态圈-Kafka配置文件详解 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.默认kafka配置文件内容([yinzhengjie@s101 ~]$ more /s ...

  6. python---基础知识回顾（三）（面向对象）

    一.多继承(寻找方法) 主要学习多继承中的寻找方法的方式:分别是深度优先和广度优先 1.当类是经典类时,多继承情况下,会按照深度优先方式查找 2.当类是新式类时,多继承情况下,会按照广度优先方式查找 ...

  7. VMware vSphere克隆虚拟机

    参考资料:http://blog.csdn.net/shen_jz2012/article/details/48416771 1. 首先将你所要克隆的虚拟机关掉 2. 选择你的ESXI服务器     ...

  8. 何凯文每日一句打卡||DAY6

  9. postman提取接口的返回值及动态设置变量（一）

    一.提取接口返回值   1.当返回值是返回JSON时 let json = JSON.parse(responseBody); // responseBody是包含整个返回内容的字符串 let foo ...

  10. 作业：JavaScript（数组篇-poker）给我的徒弟出个题。。。记得早点写完，然后大家3人可以早点打牌了

    吐槽一下:“今天实际上我左思右想,写个什么东西好呢!手上的笔转了半天....最后还是给自己留点余地!看着他们什么酒店管理系统,呼叫中心系统之类的....简直是把自己固定死了!感觉一撸到底的感觉!!!我 ...