JQuery遍历指定表单的值示例

 代码如下 复制代码

<html>
    <head>
        <title>chat</title>
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <script src="/ajax/jQuery/jquery-1.8.0.js"></script>
    </head>
    <body>
        <form name="yys" action="aaa()">
            <input type="text" name="name" value="mingzi"/>
            <input type="text" name="age" value="nianling"/>
            <input type="text" name="sex" value="xingbie"/>
            <input type="checkbox" id="cc1" name="cc1" value="123" checked="checked" />
            <input type="checkbox" name="cc2" value="456" checked="checked" />
            <input type="checkbox" name="cc3" value="789" checked="checked" />
            <input type="radio" name="radio1" value="9090" />
            <input type="radio" name="radio1" value="8181" />
            <input type="button" name="cc2" value="123a" />
            <input type="hidden" name="cc3" value="453d" />
        </form>
        <div id="js"></div>
        <input type="button" onClick="getFormParameter('yys')" value=""/>
    </body>
    <script type="text/javascript" >
        function getFormParameter(formName){
            var formParameter="";
           
         $("form[name="+formName+"] input[type!='button'] ").each(function(){
            if($(this).attr('type') =="checkbox"){
                if($(this).attr('checked'))
                    formParameter +=$(this).attr('name') + "=" +$(this).val()+"&";
            }else if ($(this).attr('type') =="radio"){
                if($(this).attr('checked'))
                    formParameter += $(this).attr('name') + "=" + $(this).val()+"&";
            }else{
               
                formParameter += $(this).attr('name') + "=" + $(this).val()+"&";
            }
         });
        
         console.debug(formParameter);
        alert(formParameter);   
        }
    </script>
</html>
时间: 2024-10-13 21:26:07

JQuery遍历指定表单的值示例的相关文章

Jquery中val()表单取值赋值的实例代码_jquery

jQuery提供了强大的val()方法来处理value相关操作.获得单个select的值和多选select的值. 复制代码 代码如下: HTML 代码:<p></p><br/><select id="single">  <option>Single</option>  <option>Single2</option></select><select id="mul

Jquery插件easyUi表单验证提交(示例代码)_jquery

复制代码 代码如下: <form id="myForm" method="post">  <table align="center" style="width:400px;height:auto;margin-top: 20px">           <tr>                                           <td align="righ

jquery设置div,文本框 表单的值示例

我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML标记) val() - 设置或返回表单字段的值 1.html()方法 该方法类似于js当中的innerHTML属性 $("#two").html()方法 获取html $("#two").html("<span>你好!</span>") 2.text() 类似于JS中的i

Ajax中通过JS代码自动获取表单元素值的示例代码_AJAX相关

我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理.如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了. function getFormQueryString(frmID) //frmID是表单的ID号,请在表单form中先命名一个ID号 { var frmID=document.getElementById(f

jquery提交form表单简单示例分享

 这篇文章主要介绍了jquery提交form表单示例,需要的朋友可以参考下   代码如下: $.ajax({ url : 'deliveryWarrant/update.do', data : $('#myform').serialize(), type : "POST", success : function(data) { var res = eval('(' + data + ')'); if (res && res.success == true) {  ale

jquery获取form表单input元素值的简单实例_jquery

一般取值方法 $("#id").val(); $("#id").attr("value");  //其中value是元素的属性名如<s:textfield  id="cifName" key="cifName"   name="#request.consBean.cifName" />的id,key,name属性.取到的值是属性后对应双引号里面的字符. function sa

Ajax中通过JS代码自动获取表单元素值的示例代码

我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理.如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了. function getFormQueryString(frmID) //frmID是表单的ID号,请在表单form中先命名一个ID号 { var frmID=document.getElementById(f

基于Jquery的FormValidator表单验证插件

包含了以下验证功能: 1.控件值不能为空 2.控件值长度限制 3.选中项数量限制 4.控件值范围限制 5.控件值类型限制 6.控件值格式化 7.两个控件值比较 8.自定义验证方法 9.下拉必选 10.表单验证方式 11.控件独自验证 看一个简单的表单用户名验证插件  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

.net jquery绘制自定义表单源码分享_实用技巧

前言 两年前在力控的时候就想做一个类似的功能,当时思路大家都讨论好了,诸多原因最终还是夭折了.没想到两年多后再这有重新提出要写一个绘制表单的功能.对此也是有点小激动呢?总共用时8.5天的时间基本功能也就实现了,当然再者中间也借用了网上的一些资料,公司前端也没有帮忙处理,所以样式和部分功能还没有更好地得到处理,github上出的code只有前端脚本,至于后端的处理,会在博客中体现出来. 1.工作前准备 1.1.实现的思路 思路一: (1)ueditor添加自定义按钮 (2)绘制表单(控件会触发的脚