高手们，求帮忙！我是个菜鸟，希望各位帮帮我！

wo_310548 2012-03-04 09:48:19

<html>
<head>
<title>练习1.2</title>
<script language="JavaScript">
function SelectAll()

{

oEl = event.srcElement;　　　　　　　　　　　

　　　　　　　　　　 //获取当前单击的元素

　
for(j = 0;j < document.all.length; j++)

{

// 遍历所有的checkbox

if(document.all(j).id.indexOf("Checkbox") != -

1)//有这个id号

{

if(oEl.checked)　
//如果选择了全选

document.all(j).checked = true;　 //全选

else

document.all(j).checked = false; //全不选

}
}
}
function checkAll() {
for (var j = 1; j <= 4; j++) {
box = eval("document.form.item" + j);
if (box.checked == false) box.checked =

true;//checked表示选没选中
}
}
function uncheckAll() {
for (var j = 1; j <= 4; j++) {
box = eval("document.form.item" + j);
if (box.checked == true) box.checked = false;
}
}
function switchAll() {
for (var j = 1; j <= 4; j++) {
box = eval("document.form.item" + j);
box.checked = !box.checked;
}
}
function SelectAll()

{
for (var j=1;j<=4;j++)
{box=eval("document.form.item"+j);
if(box.checked==false)box.checked=ture;
else
box.checked=false;}
}
</script>
</head>
<body>
请选择您的爱好！<p>
<form name=form>
<input id="Checkbox5" type="checkbox"

onclick="SelectAll()"name=item5/>全选或全不选
<p>
<input id="Checkbox1" type="checkbox"

name="item1" />足球
<input id="Checkbox2"

type="checkbox"name="item2"/>篮球
<input id="Checkbox3"

type="checkbox"name="item3" />游泳
<input id="Checkbox4" type="checkbox"

name="item4" />唱歌<p>
<input type=button value="全选"

onClick="checkAll()">
<input type=button value="全不选"

onClick="uncheckAll()">
<input type=button value="反选"

onClick="switchAll()">
</form>
</body>
</html>

这个程序，全选/全不选总出不来。好纠结啊

...全文

71 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

孟子E章 2012-03-04

打赏
举报

三目运算符。

wo_310548 2012-03-04

打赏
举报

请问下e = window.event?window.event.srcElement:evt.target这句怎么理解啊。

wo_310548 2012-03-04

打赏
举报

感谢上面所有的高手！我又多学到了一些东西~

孟子E章 2012-03-04

打赏
举报

document.all这种方法现在都不用了，有Bug

oEl = event.srcElement;不兼容非IE浏览器

id="Checkbox3"这些无用的代码应该去掉

孟子E章 2012-03-04

打赏
举报

常用的方法是这样写d

	

楼主发表于：2012-03-04 09:48:19

<html>

<head>

<title>练习1.2</title>

<script language="JavaScript">

function SelectAll(evt)

{ 

e = window.event?window.event.srcElement:evt.target;

s = document.getElementsByName("item")

for(j = 0;j < s.length; j++) 

{

s[j].checked = e.checked;

}

}



function checkAll() {

s = document.getElementsByName("item")

for(j = 0;j < s.length; j++) 

{

s[j].checked = true;

}

}

function uncheckAll() {

s = document.getElementsByName("item")

for(j = 0;j < s.length; j++) 

{

s[j].checked = false;

}

}



function switchAll() {

s = document.getElementsByName("item")

for(j = 0;j < s.length; j++) 

{

s[j].checked = !s[j].checked;

}

}



</script>

</head>

<body>

请选择您的爱好！<p>

<form name=form>

<input type="checkbox" onclick="SelectAll(event)" />全选或全不选

<p>

<input type="checkbox" name="item" />足球

<input type="checkbox" name="item" />篮球

<input type="checkbox" name="item" />游泳

<input type="checkbox" name="item" />唱歌<p>

<input type=button value="全选" onClick="checkAll()">

<input type=button value="全不选" onClick="uncheckAll()">

<input type=button value="反选" onClick="switchAll()">

</form>

</body>

</html>