jquery 遍历input实例代码

$("input:text", document.forms[0]).each(function(){alert(this.name)});

实例代码二

function test(){
   var obj=$("input:checked[name='chcekname']");   
   $.each(obj, function(i,item){       
     if($(item).parent().parent().find("td:eq(3)").html()==""){
       $(item).parent().parent().find("td:eq(3)").html("testvalue");
      }
    });
}

这里是通过checkbox的name遍历所有checkbox的,不是id或者type.
$("input:checked[name='chcekname']")用来获取所有的被选中checkbox,
$(item).parent().parent().find("td:eq(3)").html()==""用来判断与此相邻的第四个单元格中是否有值,若无值,则用testvalue填充

看个完整的实例

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/网页特效" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><script type="text/javascript">//<![cdata[$().ready(function () {    $("#cardnum").focus().select();    $("input[type='text']").each(function (i) {        $(this).keypress(function (e) {            if (e.which == 13) {                $("input[type='text']").eq(i + 1).focus();                return false;            }        });    });})//]]></script></head><body><form id="form1" name="form1" method="post" action="do.jsp教程?action=adduser"><table cellpadding="0" cellspacing="0" border="0" width="60%">    <thead>        <tr>            <td colspan="2"><h1>添加读者</h1></td>        </tr>    </thead>    <tbody>        <tr>          <th>会员卡号:</th>          <td> <input type="text" name="cardnum" id="cardnum" /></td>        </tr>        <tr>          <th>真实姓名:</th>          <td> <input type="text" name="truename" /></td>        </tr>        <tr>          <th>密 码:</th>          <td> <input type="password" name="password" /></td>        </tr>        <tr>          <th>重复密码:</th>          <td> <input type="password" name="repassword" /></td>        </tr>        <tr>          <th>联系电话:</th>          <td> <input type="text" name="phone" /></td>        </tr>        <tr>          <th>状 态:</th>          <td> <select name="status" id="status">            <option value="1">正常</option>            <option value="0">失效</option>          </select></td>        </tr>        <tr>          <td colspan="2"><div class="buttons"><input type="submit" name="button" id="button" value="提交保存" class="submit" /> <input type="reset" name="button2" id="button2" value="重置" /></div></td>        </tr>    </tbody></table></form></body></html>

时间: 2024-11-27 00:41:39

jquery 遍历input实例代码的相关文章

jQuery遍历Form示例代码_jquery

jQuery 遍历 Form,代码如下 复制代码 代码如下: <script type="text/javascript"> // 取得 id 为form1 的 form 的所有输入变量 values = $("#form1").serializeArray(); var values, index; for (index = 0; index < values.length; ++index) { if (values[index].name =

Jquery焦点图实例代码_jquery

本文实例讲述了Jquery焦点图实例代码.分享给大家供大家参考.具体如下: 对于很多建站的朋友来讲,焦点图并不陌生,一般的企业站,门户站都会用到焦点图.我们平时在写html代码的时候,很多人为了省时省力,对于焦点图都是在网上下载一些人家写好的代码,直接套上去即可,很多时候我自己也是这样来的.因为一个焦点图有html布局,css样式调试和最关键的 javascript语句的编写.这些都是一个很麻烦的过程. 今天我就以实例讲解,手把手教你如何写Jquery焦点图.Jquery是js封装的框架,让js

jquery ajax 应用实例代码

jquery ajax 应用实例代码 /*  ajax 向页面发送数据                 $.post('save.cgi', {     text: 'my string',     number: 23 }, function() {     alert('your data has been saved.'); });   如果您确实需要编写一些复杂的 ajax 脚本,那么需要用到 $.ajax() 函数.您可以指定 xml.script.html 或者 json,jquer

jquery 显示隐藏实例代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

jQuery fadeOut 异步实例代码详解_jquery

定义和用法 fadeOut() 方法逐渐改变被选元素的不透明度,从可见到隐藏(褪色效果). 注释:隐藏的元素不会被完全显示(不再影响页面的布局). 提示:该方法通常与 fadeIn() 方法一起使用. 语法 $(selector).fadeOut(speed,easing,callback) 1. 概述 jquery实现动画效果的函数使用起来很方便,不过动画执行是异步的,所以要把自定义的操作放在回调函数里. 2. example <html> <body> <table id

jquery 获取input值代码

方法很简单,我们来看看如何用jquery 获取input值代码吧. 取值:val = $("#id")[0].value; 赋值: $("#id")[0].value = "new value"; 或者$("#id").val("new value"); 或者这样也可以:val = $("#id").attr("value");

小米官网jQuery焦点图实例代码

HTML代码  代码如下 复制代码 <div class="focus">              <div id="xmSlide" class="xmSlide">                  <div class="xmSlide_01"></div>                  <div class="xmSlide_02">

jQuery控制iFrame(实例代码)_jquery

用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true"); 2.在IFRAME中操作 选中父窗口中的所有单选钮$(window.parent.docume

JQUERY操作JSON实例代码_jquery

1.jqury如何用ajax的形式调用后台asp.net页面生成的json数据 2.jquery简单的dom操作 3.送本jquery的开发手册给大家(大家慢慢去研究) 准备工作: 首先,我们新建个网站(.net2.0就行). 1.在我们的项目中jquery的js文件. 2.新建一个htm文件,命名为dome.htm吧. 代码如下:(head区的js代码就是实现的全部代码,有详细注释) 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML