判断两个数组中是否存在相同的元素应用checkbox 或者selecte

最新推荐文章于 2025-08-24 22:22:14 发布

最新推荐文章于 2025-08-24 22:22:14 发布 · 1.1k 阅读

文章标签：

#html #javascript #ViewUI

WEB前端专栏收录该内容

53 篇文章

订阅专栏

本文介绍了一种使用JavaScript来判断两个数组中是否存在相同元素的方法，并通过具体实例展示了如何根据数组中的值来批量设置HTML页面上复选框的状态。

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/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>