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. 置换群和Burnside引理，Polya定理

    定义简化版: 置换,就是一个1~n的排列,是一个1~n排列对1~n的映射 置换群,所有的置换的集合. 经常会遇到求本质不同的构造,如旋转不同构,翻转交换不同构等. 不动点:一个置换中,置换后和置换前没 ...

  2. 分布式系统登录功能拦截器的实现以及cookie的共享问题（利用cookie实现session在分布式系统的共享）

    当我们的网站采用分布式部署系统时,每个子系统拥有自己独立的session,如果不实现session共享,当用户切换系统访问的时候,会不停的提示登录,这对于用户体验是非常不好的.因此对于多个子系统的的访 ...

  3. 关于swiper的tab(选项卡)中设置了autoHeight没有效果解决

    autoHeight属性使用看官网的示例:https://www.swiper.com.cn/api/parameters/294.html swiper的选项卡结构查看:https://www.sw ...

  4. np.linespace使用方法

    np.linespace用法 觉得有用的话,欢迎一起讨论相互学习~Follow Me 生成指定范围内指定个数的一维数组 def linspace(start, stop, num=50, endpoi ...

  5. nodemon：让node自动重启

    nodemon:服务器自动重启工具 当我们修改代码时,node必须要手动重启,但可以按照nodemon. npm install -g nodemon 安装完 nodemon 后,就可以用 nodem ...

  6. 阿里云ECS使用cloudfs4oss挂载OSS

    cloudfs4oss可以帮我们将OSS直接挂载到ECS上,就像一个目录一样方便访问.使用方法: 1.安装配置环境: yum install libcurl libcurl-devel openssl ...

  7. linux课程总结

    linux课程总结 --20125111 李冰清 转眼间,为期十六周的linux课程已进入尾声,回想起这十六周的课程,不断浮现在脑海里的是娄老师的笑容以及这十六周以来的点点滴滴. 第一次听到娄老师说将 ...

  8. 原生JS 基础总结

    0. 好习惯 分号 ; 花括号 {}, var 弄清楚 null , undefined 区别 , isNaN, === 与 == 区别 1. prompt , confirm , alert 不同框 ...

  9. mysql复杂查询(一)

    所谓复杂查询,指涉及多个表.具有嵌套等复杂结构的查询.这里简要介绍典型的几种复杂查询格式. 一.连接查询 连接是区别关系与非关系系统的最重要的标志.通过连接运算符可以实现多个表查询.连接查询主要包括内 ...

  10. 20155230 2016-2017-2 《Java程序设计》第九周学习总结

    20155230 2016-2017-2 <Java程序设计>第九周学习总结 教材学习内容总结 第十六章 statement在不使用时所关联的resultset也会自动关闭. 要让SQL执 ...