HTML怎么实现加载页面后自动聚焦并全选一个
1个回答
展开全部
这涉及到javascript中的语言知识了，使用的是if判断来进行的，我这里有个副本
<script>
window.onload=function ()
{
var odiv=document.getElementById('div1');
var obtn1=document.getElementById('btn1');
var obtn2=document.getElementById('btn2');
var obtn3=document.getElementById('btn3');
var ach=odiv.getElementsByTagName('input');
obtn1.onclick=function ()
{
for(var i=0;i<ach.length;i++)
{
ach[i].checked=true;
}
}
obtn2.onclick=function ()
{
for(var i=0;i<ach.length;i++)
{
ach[i].checked=false;
}
}
obtn3.onclick=function ()
{
for(var i=0;i<ach.length;i++)
{ if(ach[i].checked==true)
{
ach[i].checked=false;
}
else{
ach[i].checked=true;
}
}
}
};
</script>
<body>
<input id="btn1" type="button" value="全选"/>
<input id="btn2" type="button" value="不选"/>
<input id="btn3" type="button" value="反选"/>
<div id="div1">
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
</div>
</body>
<script>
window.onload=function ()
{
var odiv=document.getElementById('div1');
var obtn1=document.getElementById('btn1');
var obtn2=document.getElementById('btn2');
var obtn3=document.getElementById('btn3');
var ach=odiv.getElementsByTagName('input');
obtn1.onclick=function ()
{
for(var i=0;i<ach.length;i++)
{
ach[i].checked=true;
}
}
obtn2.onclick=function ()
{
for(var i=0;i<ach.length;i++)
{
ach[i].checked=false;
}
}
obtn3.onclick=function ()
{
for(var i=0;i<ach.length;i++)
{ if(ach[i].checked==true)
{
ach[i].checked=false;
}
else{
ach[i].checked=true;
}
}
}
};
</script>
<body>
<input id="btn1" type="button" value="全选"/>
<input id="btn2" type="button" value="不选"/>
<input id="btn3" type="button" value="反选"/>
<div id="div1">
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
</div>
</body>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
