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. 【hdu3709】 Balanced Number

    http://acm.hdu.edu.cn/showproblem.php?pid=3709 (题目链接) 题意 求范围${[a,b]}$之间的平衡数的个数,所谓平衡数就是以某一位为支点,两侧的力矩相 ...

  2. HDU 4280 Island Transport（网络流，最大流）

    HDU 4280 Island Transport(网络流,最大流) Description In the vast waters far far away, there are many islan ...

  3. POJ 3281 Dining （网络流）

    POJ 3281 Dining (网络流) Description Cows are such finicky eaters. Each cow has a preference for certai ...

  4. java基础基础总结----- String

  5. 金融量化分析【day110】：Pandas-DataFrame读取与写入

    一.DataFrame DataFrame是一个表格型的数据结构,含有一组有序的列 DataFrame可以被看作是有Series组成的字典并且工用一个索引 1.创建方式 pd.DataFrame({' ...

  6. docker 原理

    docker项目的目标是实现轻量级的操作系统虚拟化,Docker的基础是Linux容器(LXC)等技术. 在LXC的基础上,Docker做了进一步的封装,让用户不关心容器的管理,使得操作更为简单.用户 ...

  7. python---补充django中文报错（2），Django3.5出错

    今天是要Django3.5设置项目,结果出现中文报错,虽然之前分析过py2.7的报错原因,但是在py3之后reload不在使用,需要引入: from importlib import reload 但 ...

  8. JAVA多线程之线程的挂起与恢复（suspend方法与resume方法）

    一,介绍 本文讨论JAVA多线程中,使用 thread.suspend()方法暂停线程,使用 thread.resume()恢复暂停的线程 的特点. 先介绍二个关于线程的基本知识: ①线程的执行体是r ...

  9. html5 canvas 多个填充渐变形状

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

  10. 工欲善其事必先利其器，用Emmet提高HTML编写速度

    HTML代码写起来很费事,因为它的标签多. 一种解决方法是采用模板,在别人写好的骨架内,填入自己的内容.还有一种很炫的方法----简写法. 常用的简写法,目前主要是Emmet和Haml两种.这两种简写 ...