玩转Web值jquery(一)---对表单中的某一标签批量处理(以input为例)

jquery可以对form进行操作,以批量操作某一标签,这里以input标签为例总结。

示例一:对删除infoForm表单的input的所有readonly属性

 $("#infoForm input").removeAttr("readonly");

示例二:修改infoForm表单所有input的readOnly属性

 $("#infoForm input").attr("readOnly",true);

示例三:将input中所有的值的a改为z

     $("#infoForm input").each(function(){
           this.value = this.value.replace("a","z");
     }); 

当然,还可以进行其他操作,这里只是对如何批量处理进行说明,还有就是可以对其他标签进行操作

玩转Web值jquery(一)---对表单中的某一标签批量处理(以input为例),布布扣,bubuko.com

时间: 2024-10-25 21:53:36

玩转Web值jquery(一)---对表单中的某一标签批量处理(以input为例)的相关文章

玩转web之JQuery(二)---改变表单和input的可编辑状态(封装的js)

var FormDeal = { /** * 功能 :将表单的所有input都设为可编辑的 *@param 要操作表单的id */ formWritable: function (formId) { $("#"+formId+" input,textarea").removeAttr("readonly"); $("#"+formId+" input,textarea").css('backgroundCo

玩转web之json(五)---将表单通过serialize()方法获取的值转成json

form表单有一个serialize()方法,可以序列化表单的值,但是jquery提供的这个方法会把数据序列化为类似下面的形式: a=1&b=2&c=3&d=4 jquery并没有提供将表单数据序列化为json的方法,所以需要我们自己封装一下,下面给出代码和测试样例,先写一个js文件: $.ajaxSetup({ contentType: "application/x-www-form-urlencoded; charset=utf-8" }); var Dat

玩转web之ajax(一)---使用表单的serialize()方法中文乱码解决

有时候我们需要使用ajax提交去提交form的值,这样就需要使用serialize()去获取form的值,但这样获取的值如果有中文,会乱码,原因和解决方法如下: 原因:.serialize()自动调用了encodeURIComponent方法将数据编码了 解决方法:调用decodeURIComponent(XXX,true);将数据解码 如: var data=$('#addf').serialize(); data= decodeURIComponent(data,true); 玩转web之a

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解

在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基础作出了一些说明,建议在阅读本文前首先阅读前文,这里 Kayo 再引用前文的重要内容. “jQuery Mobile 在基于本地事件上,创建了一系列的自定义事件,大部分事件是基于触摸设备的使用情况开发的,当然这些事件对于桌面环境也会有适当的处理,开发者可以使用 bind() 函数绑定到需要的页面对象中. 值得

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 页面事件与 deferred

在系列的上一篇文章<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解>中,Kayo 介绍了除页面事件外的其他 jQuery Mobile 事件,而页面事件由于事件数较多,并且涉及 jQuery 中一个比较复杂的对象 deferred ,因此在本文中单独说明.jQuery Mobile 页面事件使用分为页面加载事件 (Page load events),页面跳转事件 (Page change events),页面显示/隐藏事件 (

分分钟带你玩转 Web Services【2】CXF

在实践中一直在使用 JAX-WS 构建 WebService 服务,服务还是非常稳定.高效的. 但还是比较好奇其他的 WebService 开源框架,比如:CXF/Axis2/Spring WS等. 源于对 Apache 的信赖和喜爱, 旗下的 CXF  WebService 肯定也不会让人失望. 所以花了点时间将 CXF 引入到项目实践当中,多一种选择也未尝不可. 对于 WebService 和 CXF 简介这里就不赘述了,不太懂的同学请先移步:分分钟带你玩转 Web Services[1]J

玩转web之servlet(六)---session介绍及简单使用(登录验证中保存信息)

在浏览器与服务器进行交互时,往往需要把涉及到的一些数据保存下来,这时就需要使用cookie或session进行状态管理. 这篇文章先来说说session怎么用,首先在servlet中创建一个session来保存信息,举个例子,在做登陆验证时,如果登陆成功,需要将用户的信息保存到session中,怎么保存呢?下面给出代码: public class Login_Do extends HttpServlet { String order_name = ""; String order_pa

玩转Web之html+CSS(一)---论坛首页表格的实现

转载请说明出处,小编博客地址:http://blog.csdn.net/u012116457 最近本来想去写一个类似论坛的页面,论坛首页一般都需要一个表格去显示数据,自己简单的写了一下,先上一张图 css代码: /*基本信息*/ body{ margin:0px; /*外边距*/ text-align:left; /*文字居中对齐*/ font-family: 'trebuchet MS', 'Lucida sans', Arial; font-size: 14px; background:#E

玩转web之ligerui(一)---ligerGrid重新指定url

在特定情况下,我们需要重新指定ligerGrid的url来获取不同的数据,在这里我说一下我用的方法: 首先先定义一个全局变量,然后定义ligerGrid(下面的例子省略了定义全局变量的语句,只列出关键代码) employee = $("#employeegrid").ligerGrid({}) 然后在需要重新指定其url的地方加入下面语句: employee.set({url:'你的url'}); employee.reload(); //刷新 这样就可以实现你想要的功能了,但这样也可