当前位置：网站首页 > 计算机教程 > 正文

判断多个文本框内的值是否相同_惠州Jquery培训

作者：黄君发布时间：2020-12-09分类：计算机教程浏览：983

导读：判断多个文本框内的值是否相同，方法一：......方法二：......

　方法一：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE> New Document </TITLE>
    <meta charset="utf-8">
</HEAD>
<script>
    //在7组数字中，找出有和其它相同的一组。

    function test()
    {
        var temp;
        for (var i=1; i<8;i++ )
        {
            temp = document.getElementsByName("test"+ i)[0].value;

            if (checkSameGrounp(temp ,i-1))
            {
                alert("第"+ i +"和其它行有相同");
                return false;
            }
        }
    }
    function getInputs(){
        var arrInputs = [];
        for (var i=1; i<8;i++ )
        {
            arrInputs.push(document.getElementsByName("test"+ i)[0].value);
        }
        return arrInputs;
    }
    function checkSameGrounp(grounp ,j/*标示自己的序号*/){
        var grounps = getInputs();
        for (var i=0;i<grounps.length ;i++ )
        {
            if (i != j)
            {
                if (grounps[i] == grounp)
                {
                    return true;
                }
            }
        }
        return false;
    }
</script>
<BODY>

<input type="text" name="test1">
<input type="text" name="test2">
<input type="text" name="test3">
<input type="text" name="test4">
<input type="text" name="test5">
<input type="text" name="test6">
<input type="text" name="test7">
<input type="button" value="提交" onClick="test();">
</BODY>
</HTML>

　　方法二：

<HTML>
<HEAD>
    <TITLE> New Document </TITLE>
    <meta charset="utf-8">
</HEAD>
<script>
    function test()
    {
        var objs=document.getElementsByTagName("input");
        //首先定义个数组用来文本框的输入,本文7个
        var c=new Array(7);
        var k=0;
        for(i=0;i<objs.length;i++)
        {
            if(objs[i].type=="text")
            {
                c[k]=objs[i].value;
                if(k<=7)
                {
                    k=k+1;
                }
            }
        }
        //循环判断里面是否有相同输入
        var b;
        for(i=0;i<c.length;i++)
        {
            b=c[i];
            for(j=i+1;j<c.length;j++)
            {
                if(b==c[j])
                {
                    alert("有相同输入");
                    return false;
                }
            }
        }
        return true;

    }
</script>
<BODY>

<input type="text" name="test1">
<input type="text" name="test2">
<input type="text" name="test3">
<input type="text" name="test4">
<input type="text" name="test5">
<input type="text" name="test6">
<input type="text" name="test7">
<input type="button" value="提交" onClick="test();">
</BODY>
</HTML>

标签：惠州北大青鸟惠州JAVA培训惠州IT培训惠州软件培训惠州软件开发惠州Jquery培训

上一篇：巧用Word XP学习英语
下一篇：jquery中选择除了自己之外的同类名的其他元素_惠州Jquery培训

判断多个文本框内的值是否相同_惠州Jquery培训

相关推荐