多复选

<html>
<head>
<script>
function allCheck(){
//alert('haha');
flag = false;
str=document.forms[0].idx;
//alert(str.length);

if(document.all.allChoice.checked==true){
//alert('haha');
flag=true;
//alert(flag);

}else{
//alert('xixi');
flag=false;
}
for(i=0; i<str.length;i++){
document.forms[0].idx[i].checked=flag;
}
}

function unCheck(){
allFlag = true;
str=document.forms[0].idx;
for(i=0; i<str.length;i++){
if(document.forms[0].idx[i].checked==false)
{
allFlag=false;
break;
}
}
document.forms[0].allChoice.checked=allFlag;

}

function getValue(){
str="";
for(i=0;i <document.forms[0].idx.length;i++){
if(document.forms[0].idx[i].checked==true){
str+=document.forms[0].idx[i].value;
}
}
alert(str);
//opener.document.all.result.value = str;
//window.close();

}
</script>
</head>
<body>
<form>
<input type=checkbox name=allChoice value="ALL" onclick="allCheck()">ALL<br>
<li/>
<input type=checkbox name="idx" value="IBM " onclick="unCheck()">IBM<br>
<li/>
<input type=checkbox name="idx" value="Dell " onclick="unCheck()">Dell<br>
<li/>
<input type=checkbox name="idx" value="Lenovo " onclick="unCheck()">Lenovo<br>
<input type=button name=haha value="提值" onclick="getValue()">
</form>
</body>

</html>

posted @ 2007-05-25 23:02  jun.ma  阅读(158)  评论(0)    收藏  举报