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. mysql新版本问题

    异常错误:Loading class `com.mysql.jdbc.Driver'. This is deprecated. The new driver class is `com.mysql.c ...

  2. sking

    #include #include #include typedef struct SKI{ int data; int x; int y; char flag; int len; }STSKI; i ...

  3. 变量&常量

    变量:variables 存储数据,以被后面的程序调用,可以看作是:装信息的容器: 变量的作用:(1)标记数据(2)存储数据 变量定义规范1.声明变量:定义变量   name = "Mr H ...

  4. 「Vue」watch基本用法

    应用于监视路由地址改变,如有新地址(即路由地址改变)即执行自定义方法 methods: { itemShow() { this.$axios.get('item/item/'+this.id+'?to ...

  5. 挂载报错：“/dev/vda1 is apparently in use by the system;”

    挂载报错:“/dev/vda1 is apparently in use by the system;” 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 距离回家倒计时还有一天,明天 ...

  6. dynamic

    dynamic的特性很多,好像和反射也有关,不过这里先介绍一个特性,关于反射的再补充. 我们来看一个方法: public virtual ActionResult Insert(T info) 有一个 ...

  7. 【跟我学apache-commons】【四】commons-io的使用

    commons-io是一款处理io流的工具,封装了很多处理io流和文件的方法,可以大大简化我们处理io流和操作文件的代码.从common-io的官方使用文档可以看出,它主要分为工具类.尾端类.行迭代器 ...

  8. [转载]微软VS2015支持Android和iOS编程

    Visual Studio 2015 Preview http://www.zhihu.com/question/26594936/answer/33397319 http://www.visuals ...

  9. 史上最全的浏览器 CSS & JS Hack 手册

    浏览器渲染页面的方式各不相同,甚至同一浏览器的不同版本(“杰出代表”是 IE)也有差异.因此,浏览器兼容成为前端开发人员的必备技能.如果有一份浏览器 Hack 手册,那查询起来就方便多了.这篇文章就向 ...

  10. HTML5 defer和async的区别

    在HTML页面中插入Javascript的主要方法,就是使用<script>元素.这个元素由Netscape创造并在Netscape Navigator 2中首先实现.后来,这个元素就被加 ...