zoukankan      html  css  js  c++  java
  • javascript入门·向函数传递表单数据和元素(赠送一小技巧)

    向函数传递表单数据和元素:一个很有趣的话题,趣在使用this关键字可以减少 window.document这类长长的引用,甚至可以把一个对象传进取 ,连fromname都不要了,例如,我们传递一个文本对象给函数,那么我们可以在onchange事件中把this作为参数,直接把这个文本对象传给函数,说那么多有什么用,看演示咯!

    演示一:被传递的文本框(从小做起嘛,本来打算直接作整个表单的传送的)

    演示二:被传递表单对象

    天轰穿
    田洪川
    田皓文
    其他
    <%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
    <!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=gb2312" />
    <title>向函数传递表单数据和元素(赠送一小技巧)</title>
    <script language="javascript">
    function txt(ttt){//注意这里传来的是文本框对象哦
        alert("您输入的是:"+ttt.value+"\n类型是: "+typeof(ttt))//看这里,是直接引用对象的
    }

    function formf(form){//处理表单提交事件
        for(i=0;i<form.name.length;i++){//循环表单内的单选按钮列表,注意这里的引用
            if(form.name[i].checked){//如果当前项被选中,
                break;//退出循环
            }

        }

        
    if(form.txt.disabled){//如果文本框为不可用
            alert(form.name[i].value)//显示单选按钮的值
            }

        
    else{//否则表示可用
            alert(form.txt.value)//显示文本框的值 
            }

    }

    function gb(form){//这个函数的作用是,当用户选择了的话,就让其他这个文本框实效
        form.txt.disabled=true
    }

    </script>
    </head>

    <body>
    <p>向函数传递表单数据和元素:一个很有趣的话题,趣在使用this关键字可以减少 window.document这类长长的引用,甚至可以把一个对象传进取 ,连fromname都不要了,例如,我们传递一个文本对象给函数,那么我们可以在onchange事件中把this作为参数,直接把这个文本对象传给函数,说那么多有什么用,看演示咯!</p>
    <p><strong>演示一:被传递的文本框</strong>(从小做起嘛,本来打算直接作整个表单的传送的)</p>
    <input type="text" name="txt" onchange="txt(this)" />
    <p>演示二:被传递表单对象</p>
    <form id="form1" onsubmit="return false">
      
    <table width="400" border="1" cellspacing="5" cellpadding="5">
        
    <tr>
          
    <td width="91">天轰穿</td>
          
    <td width="268"><input type="radio" name="name" value="天轰穿" onchange="gb(this.form)" /></td>
        
    </tr>
        
    <tr>
          
    <td>田洪川</td>
          
    <td><input type="radio" name="name" value="田洪川" onchange="gb(this.form)" /></td>
        
    </tr>
        
    <tr>
          
    <td>田皓文</td>
          
    <td><input type="radio" name="name" value="田皓文" onchange="gb(this.form)" /></td>
        
    </tr>
        
    <tr>
          
    <td>其他</td>
          
    <td><input name="txt" type="text" id="txt" /></td>
        
    </tr>
        
    <tr>
          
    <td colspan="2" align="center"><input type="submit" name="Submit" value="提交" onclick="formf(this.form)" /></td>
        
    </tr>
      
    </table>
    </form>
    <p>&nbsp;</p>
    </body>

    </html>
  • 相关阅读:
    vue笔记
    vue工具
    vue笔记
    vuex
    css方法
    html2canvas
    Fiddler
    vue经验
    vue经验
    html2canvas
  • 原文地址:https://www.cnblogs.com/thcjp/p/473527.html
Copyright © 2011-2022 走看看