当前位置:编程学习 > JS >>

javascript 判断两个数组中是否存在相同元素

本款关于网页特效 判断两个数组中是否存在相同元素,实现原理比较简单,先是获取checkbox长度,再根据用户提供的数据利用split分成数组再利用for双重循环判断就ko了,我们的实例是获取checkbox值然后判断用户给的字符串是否存在checkbox中,原理一样的。

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.zzzyk.com/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>javascript 判断两个数组中是否存在相同元素</title>
</head>

<body>
<input type="checkbox" name="mucity[]" id="checkbox" value="10" />北京
<input type="checkbox" name="mucity[]" id="checkbox" value="102" />天津
<input type="checkbox" name="mucity[]" id="checkbox" value="34" />广州
<input type="checkbox" name="mucity[]" id="checkbox" value="35" />上海
<input type="checkbox" name="mucity[]" id="checkbox" value="11" />长沙
<input type="checkbox" name="mucity[]" id="checkbox" value="84" />武汉
<input type="checkbox" name="mucity[]" id="checkbox" value="85" />杭州
<input type="checkbox" name="mucity[]" id="checkbox" value="86" />海南
<input type="checkbox" name="mucity[]" id="checkbox" value="36" />深圳
<script>

b("102,34,35,11,84,85");

function b(str)
{
 var array = str.split(",");
 var al = array.length;
 var m = document.getelementsbyname('mucity[]');
 var l = m.length; 
   
 for ( var i=0; i< l; i++)
 {
    for( var j=0;j<al;j++)
    {
     if( m[i].value == array[j])
     {
     m[i].checked = true;
     break; 
     }
   
    }
   
 }
}
</script>
</body>
</html>

注明:本站原创教程原创教程转载注明来自http://www.zzzyk.com 否则必究!

补充:网页制作,js教程 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,