js 实现全选的功能
为什么我用js想实现表单的全选。和全不选的效果,可是点了全选之后,是一个也没有选上。请帮忙看一下,<html><head><title>全选和全不选的效果</title>...
为什么我用js想实现表单的全选。和全不选的效果 ,可是点了全选之后,是一个也没有选上。
请帮忙看一下,
<html>
<head>
<title>全选和全不选的效果</title>
<script language="javascript">
function selectAll()
{
var el=docuement.getElementsByName("coffee");
for (var i =0;i<el.length;i++)
{
if((el[i].type=="checkbox" &&((el[i].name==name))
{
el[i].checked=true;
}
}
}
function clearAll()
{
val el=document.getElementsByName("coffee");
for (val i=0;i<el.length;i++)
{
if((el[i].type=="checkbox" && ((el[i].name==name))
{
el[i].checked=false;
}
}
}
</script>
</head>
<body>
<p>以下是一个调查结果</p>
<form>
<input type="checkbox" name="coffee" value="apple">apple
<input type="checkbox" name="coffee" value="pear">pear
<input type="checkbox" name="coffee" value="berry">berry
<p><p>
<input type="button" value="全选" onclick="selectAll('coffee')">
<input type="button" value="取消全选" onclick="clearAll('coffee')">
</form>
</body>
</html> 展开
请帮忙看一下,
<html>
<head>
<title>全选和全不选的效果</title>
<script language="javascript">
function selectAll()
{
var el=docuement.getElementsByName("coffee");
for (var i =0;i<el.length;i++)
{
if((el[i].type=="checkbox" &&((el[i].name==name))
{
el[i].checked=true;
}
}
}
function clearAll()
{
val el=document.getElementsByName("coffee");
for (val i=0;i<el.length;i++)
{
if((el[i].type=="checkbox" && ((el[i].name==name))
{
el[i].checked=false;
}
}
}
</script>
</head>
<body>
<p>以下是一个调查结果</p>
<form>
<input type="checkbox" name="coffee" value="apple">apple
<input type="checkbox" name="coffee" value="pear">pear
<input type="checkbox" name="coffee" value="berry">berry
<p><p>
<input type="button" value="全选" onclick="selectAll('coffee')">
<input type="button" value="取消全选" onclick="clearAll('coffee')">
</form>
</body>
</html> 展开
1个回答
展开全部
<!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 selectAll(name)
{
var el=document.getElementsByName("coffee");
for (var i=0;i<el.length;i++)
{
if(el[i].type=="checkbox"&&el[i].name==name)
{
el[i].checked=true;
}
}
}
function clearAll(name)
{
var el=document.getElementsByName("coffee");
for (var i=0;i<el.length;i++)
{
if(el[i].type=="checkbox"&&el[i].name==name)
{
el[i].checked=false;
}
}
}
</script>
</head>
<body>
<p>以下是一个调查结果</p>
<form>
<input type="checkbox" name="coffee" value="apple">apple
<input type="checkbox" name="coffee" value="pear">pear
<input type="checkbox" name="coffee" value="berry">berry
<p><p>
<input type="button" value="全选" onclick="selectAll('coffee')">
<input type="button" value="取消全选" onclick="clearAll('coffee')">
</form>
</body>
</html>
IE,FF下都正常。
<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 selectAll(name)
{
var el=document.getElementsByName("coffee");
for (var i=0;i<el.length;i++)
{
if(el[i].type=="checkbox"&&el[i].name==name)
{
el[i].checked=true;
}
}
}
function clearAll(name)
{
var el=document.getElementsByName("coffee");
for (var i=0;i<el.length;i++)
{
if(el[i].type=="checkbox"&&el[i].name==name)
{
el[i].checked=false;
}
}
}
</script>
</head>
<body>
<p>以下是一个调查结果</p>
<form>
<input type="checkbox" name="coffee" value="apple">apple
<input type="checkbox" name="coffee" value="pear">pear
<input type="checkbox" name="coffee" value="berry">berry
<p><p>
<input type="button" value="全选" onclick="selectAll('coffee')">
<input type="button" value="取消全选" onclick="clearAll('coffee')">
</form>
</body>
</html>
IE,FF下都正常。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询