`
dzz1001
  • 浏览: 1251 次
  • 性别: Icon_minigender_2
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

jQuery表单常用操作收藏

阅读更多
取下拉菜单选中项的文本;
获取和设置下拉菜单的值;
清空下拉菜单;
给下列菜单添加元素;
取单选框值;
单选或复选按钮的选择;
取复选框值;
判断单选或复选框是否被选中;
元素可用不可用;
判断元素可用不可用。

1.取下拉菜单选中项的文本

view plaincopy to clipboardprint?
$("#select option[selected]").text();//select和option之间有空格,option为select的子元素  
$("#select option:selected").text();//如果写成$("#select").text();会把所有下拉菜单的文本选择出来  


2.获取和设置下拉菜单的值

view plaincopy to clipboardprint?
$("#select").val();//取值  
$("#select").val("value");//设置,如果select中有值为value的选项,该选项就会被选中,如果不存在,则select不做任何变动 


3.清空下拉菜单

view plaincopy to clipboardprint?
$("#select").empty();  
$("#select").html(""); 


4.给下列菜单添加元素

view plaincopy to clipboardprint?
$('<option value="1">1</option>').appendTo($("#select"));  
$("#select").append('<option value="1">1</option>'); 


5.取单选框值

view plaincopy to clipboardprint?
$("#id[checked]").val(); 


6.单选或复选按钮的选择

view plaincopy to clipboardprint?
$("#id[value=val]").attr("checked",true);//选择  
$("#id[value=val]").attr("checked","");//取消选择  
$("#id[value=val]").attr("checked",false);//取消选择  
$("#id[value=val]").removeAttr("checked");//取消选择 


7.取复选框值

view plaincopy to clipboardprint?
$("input[type=checkbox][checked]").each(function(){  
alert($(this).val());  
})  
//如果用$("input[type=checkbox][checked]").val(),只会返回第一个被选中的值 


8.判断单选或复选框是否被选中

view plaincopy to clipboardprint?
if($("#id").attr("checked")){}//判断选中  
if($("#id").attr("checked")==true){}//判断选中  
if($("#id").attr("checked")==undefined){}//判断未选中 


9.元素可用不可用

view plaincopy to clipboardprint?
$("#id").attr("disabled",false);//设为可用  
$("#id").attr("disabled",true);//设为不可用 


10.判断元素可用不可用

view plaincopy to clipboardprint?
if($("#id").attr("disabled")){}//判断不可用  
if($("#id").attr("disabled")==undefined){}//判断可用 
分享到:
评论

相关推荐

    【历时五年整理】jquery精美特效js特效收藏打包

    jQuery作为JavaScript的一个库,其特效不仅仅是局限于DOM操作和动画。JavaScript特效大全涵盖了图片轮播、计时器、表单验证、拖放功能等多种实用功能。这些特效的实现,不仅增强了网页的互动性,也为用户带来了视觉...

    jQuery初学实例代码集

    这些实例代码是学习jQuery的良好起点,通过实践,初学者可以快速理解并掌握jQuery的核心概念和常用方法,从而提升网页开发的效率和质量。同时,收藏这些实例代码,可以在未来的工作中随时查阅,作为宝贵的参考资料。

    Jqeury常用案例收藏

    这个"Jqeury常用案例收藏"包含了丰富的实例,可以帮助我们深入理解和运用jQuery的多种功能,为创建交互性强、视觉效果出色的网页提供灵感和参考。 1. **DOM操作**:jQuery简化了对HTML元素的选择、遍历和操作。如`$...

    CHM(标签,js常用代码,jquery帮助文档)

    标题 "CHM(标签,js常用代码,jquery帮助文档)" 指的是一...由于没有具体的文件内容,我们无法提供更深入的分析,但可以肯定的是,对于那些需要JavaScript和jQuery帮助的开发者,这个CHM文件是一个值得收藏的参考资料。

    jQuery权威指南366页完整版pdf和源码打包

    6.5.1 需求分析 6.5.2 效果界面 6.5.3 功能实现 6.5.4 代码分析 6.6 本章小结 第7章 jquery常用插件 7.1 jquery插件概述 7.2 验证插件validate 7.3 表单插件form 7.4 cookie插件cookie 7.5 ...

    JQuery_1.4_API.rar

    JQuery是一个广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个“JQuery_1.4_API.rar”文件包含了一个中文版的JQuery 1.4 API文档,对于开发者来说,这是...

    javascript常用大收藏,非常有用,包含了常用到的各种js

    这些收藏通常可以帮助开发者快速查找和理解常见的编程任务,例如事件处理、DOM操作、表单验证、动画效果等。 描述中提到"很适合初学者",说明这个资源集可能包含了基础概念的解释和示例,如变量、数据类型、函数、...

    自己常用框架插件

    3. **插件收藏**:这可能是指一个包含多种用途的插件集合,如图像处理、表单验证、图表绘制等。插件可以增强框架的基本功能,解决特定场景下的需求。 4. **mui-master**:MUI是一款基于HTML5的移动UI框架,专为...

    【经典源码收藏】基于jQuery的项目常见函数封装集合

    在基于jQuery的项目中,封装函数可以帮助开发者快速实现一些常见的操作,比如元素操作、字符串处理、数值计算等。 jQuery通过其灵活的API设计,提供了非常多的方法来操作DOM元素,事件处理和动画效果等。封装函数...

    最新28个很棒的jQuery 教程

    15. 结合jQuery和Last.fm呈现音乐:整合音乐服务API,使用jQuery来动态展示个人的音乐收藏或喜好。 16. 制作很酷的动态菜单:动态菜单可以提供流畅的用户体验,比如在用户鼠标悬停时显示子菜单的动画效果。 17. ...

    hdjs

    HDJS前端库还提供了一套CSS样式,帮助开发者快速实现一些常用的UI效果,例如尺寸、表单样式、按钮样式、底部固定、标题块和页面背景块等。 4. 简单提示框 HDJS前端库提供了简单提示框功能,用于显示一些基本信息或...

    我收藏的下拉菜单案例

    下拉菜单是网页设计中常用的一种交互元素,它在有限的空间内提供了丰富的选择项,使得用户可以方便地浏览和选择不同的选项。下拉菜单通常由一个可点击的按钮或文字触发,展开后显示一系列相关选项。在网页设计中,...

    分享6个国内优秀Java后台管理框架的开源项目,建议收藏!.pdf

    2. FastAdmin:基于ThinkPHP5.1开发,采用前后端分离,支持Vue.js,提供了一套完整的权限管理、内容管理、表单构建等后台常用功能,适用于快速开发企业级项目。 3. RuoYi:这是一款基于Spring Boot 2的后台管理系统...

    ajax初学者教程 初学ajax

    2. **无法被书签收藏**:由于部分页面更新,导致无法正确保存和回退。 3. **SEO难题**:搜索引擎爬虫可能无法抓取Ajax动态加载的内容。 ### 四、jQuery与Ajax 为了简化Ajax的使用,许多库和框架提供了高级API,如...

    sublime.text.snippets:个人收藏,Sublime Text JS 片段

    8. **jQuery或其他库**:如果开发者常用jQuery或其他JavaScript库,可能会有相关的库函数片段。 9. **注释**:快速插入多行注释或JSDoc风格的函数注释,有助于代码文档的编写。 10. **调试代码**:`console.log`和...

    糗事百科源码2013版

    可能还使用了一些前端框架或库,如jQuery,提高开发效率并简化前端操作。 四、模板引擎 源码可能采用了某种模板引擎,如Smarty,用于分离视图层和业务逻辑。模板引擎允许开发者将HTML代码和PHP代码分开,使得前端...

    基于php房地产房屋销售类网站.zip

    Bootstrap框架能快速构建美观且响应式的界面,而jQuery库则简化了DOM操作和动画效果。 四、用户注册与登录 用户注册和登录功能是任何网站的基础。PHP可以处理表单提交,验证用户输入,同时与数据库交互验证用户身份...

    input按钮的事件处理大全

    除了上述事件,还有其他一些常见事件,如 `onchange`(当表单元素值改变时触发)、`onsubmit`(表单提交时触发)、`onerror`(加载资源失败时触发)等,都是网页开发中常用的事件处理。 了解并熟练运用这些事件处理...

Global site tag (gtag.js) - Google Analytics