<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function selChange(){ var objselect = document.all.select;
var objcheckbox = document.all.checkbox;
var selectLen = objselect.length ;
var checkboxLen = objcheckbox.length; var i; //alert ( selectLen );
//alert ( checkboxLen ); if(checkboxLen > 0){ //alert ( checkboxLen ); for(i = 0 ;i < checkboxLen;i++){
//alert ( i ); if(objcheckbox[i].checked == true){ //alert ( objcheckbox[i].checked ); if (selectLen == 0){ //alert ( "P1" ); objselect.length = 1; objselect.options[0].value = objcheckbox[i].value;
objselect.options[0].innerHTML = objcheckbox[i].value;
selectLen = objselect.length ;
}
else{ //alert ( "P2" ); objselect.length = objselect.length + 1;
selectLen = objselect.length ; objselect.options[selectLen-1].value = objcheckbox[i].value;
objselect.options[selectLen-1].innerHTML = objcheckbox[i].value;
selectLen = objselect.length ;
}
}
}
//alert( objselect.length );
if (objselect.length==0 ){
alert("一つ選択してください。");
}
}}
function selDel(){ var objselect = document.all.select;
var objcheckbox = document.all.checkbox;
var selectLen = objselect.length ;
var checkboxLen = objcheckbox.length; var i;
var j;
var k; i=0;
j=0;
k=0; //alert( selectLen ); if(selectLen == 0){ alert ( 'no values' );
return 0;
} for(i = selectLen;i > 0;i--){
//alert ( i ); if(objselect.options[i-1].selected == true){
//alert( "Value of now: \n" + objselect.options[i-1].value ); /**/
for(j = i;j < selectLen;j++){ objselect.options[j-1].value = objselect.options[j].value;
objselect.options[j-1].text = objselect.options[j].text;
//alert( j + "つ目:\n" + objselect.options[j].value + "->" + objselect.options[j-1].value );
}
k = k + 1; } }
objselect.length = objselect.length - k;
selectLen = objselect.length ;
}
//-->
</SCRIPT>
<BODY>
<form name="form1" method="post" action="">
<table width="100%" height="282" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="12%" height="42" rowspan="2"></td>
<td colspan="2"> </td>
<td width="13%" rowspan="5" align="center" valign="top">
<input type="button" onClick="selChange()" value="添加">
<input type="button" onClick="selDel()" value="消す">
</td>
<td width="47%" rowspan="5" valign="top">
<select name="select" size="1" multiple style="width:200px;height:200px">
</select>
</td>
</tr>
<tr>
<td rowspan="2"> </td>
<td width="24%"><input type="checkbox" name="checkbox" value="川">川</td>
</tr>
<tr>
<td rowspan="2"> </td>
<td colspan="2"><input type="checkbox" name="checkbox" value="局">局</td>
</tr>
<tr>
<td rowspan="2"> </td>
<td colspan="2"><input type="checkbox" name="checkbox" value="国">国</td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</form></BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function selChange(){ var objselect = document.all.select;
var objcheckbox = document.all.checkbox;
var selectLen = objselect.length ;
var checkboxLen = objcheckbox.length; var i; //alert ( selectLen );
//alert ( checkboxLen ); if(checkboxLen > 0){ //alert ( checkboxLen ); for(i = 0 ;i < checkboxLen;i++){
//alert ( i ); if(objcheckbox[i].checked == true){ //alert ( objcheckbox[i].checked ); if (selectLen == 0){ //alert ( "P1" ); objselect.length = 1; objselect.options[0].value = objcheckbox[i].value;
objselect.options[0].innerHTML = objcheckbox[i].value;
selectLen = objselect.length ;
}
else{ //alert ( "P2" ); objselect.length = objselect.length + 1;
selectLen = objselect.length ; objselect.options[selectLen-1].value = objcheckbox[i].value;
objselect.options[selectLen-1].innerHTML = objcheckbox[i].value;
selectLen = objselect.length ;
}
}
}
//alert( objselect.length );
if (objselect.length==0 ){
alert("一つ選択してください。");
}
}}
function selDel(){ var objselect = document.all.select;
var objcheckbox = document.all.checkbox;
var selectLen = objselect.length ;
var checkboxLen = objcheckbox.length; var i;
var j;
var k; i=0;
j=0;
k=0; //alert( selectLen ); if(selectLen == 0){ alert ( 'no values' );
return 0;
} for(i = selectLen;i > 0;i--){
//alert ( i ); if(objselect.options[i-1].selected == true){
//alert( "Value of now: \n" + objselect.options[i-1].value ); /**/
for(j = i;j < selectLen;j++){ objselect.options[j-1].value = objselect.options[j].value;
objselect.options[j-1].text = objselect.options[j].text;
//alert( j + "つ目:\n" + objselect.options[j].value + "->" + objselect.options[j-1].value );
}
k = k + 1; } }
objselect.length = objselect.length - k;
selectLen = objselect.length ;
}
//-->
</SCRIPT>
<BODY>
<form name="form1" method="post" action="">
<table width="100%" height="282" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="12%" height="42" rowspan="2"></td>
<td colspan="2"> </td>
<td width="13%" rowspan="5" align="center" valign="top">
<input type="button" onClick="selChange()" value="添加">
<input type="button" onClick="selDel()" value="消す">
</td>
<td width="47%" rowspan="5" valign="top">
<select name="select" size="1" multiple style="width:200px;height:200px">
</select>
</td>
</tr>
<tr>
<td rowspan="2"> </td>
<td width="24%"><input type="checkbox" name="checkbox" value="川">川</td>
</tr>
<tr>
<td rowspan="2"> </td>
<td colspan="2"><input type="checkbox" name="checkbox" value="局">局</td>
</tr>
<tr>
<td rowspan="2"> </td>
<td colspan="2"><input type="checkbox" name="checkbox" value="国">国</td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</form></BODY>
</HTML>
解决方案 »
- 文档碎片中的元素的祖先节点的类型是1还是9啊
- 为嘛ajax返回为php文件? 有图
- 引用js文件中函数的问题?
- 【分享】1k大小的JavaScript示例
- Syntax error
- 再问个firefox中的js问题
- 获取日期时的格式问题?
- 能不能在background上面使用图形映射?如:<td background="<map name='test.png'></map>">
- 请教如何使用selection获得选中的图片。
- 最好的web菜单,存在严重的BUG
- 请问,用哪个方法才能取得下拉框中显示的值,(不是value)
- 已经有了一个字串变量str1="abcsef" ,如何将它写到<textarea>中光标停留处去??
{
var obj = eval("document.all.cb");
//alert(obj.length);
for(var i=0; i<obj.length; i++){
//alert(i+":"+obj[i].checked);
if(obj[i].checked == true) { return;}
}
alert("请至少选择一个!");
}</script><input type="checkbox" name="cb"><br>
<input type="checkbox" name="cb"><br>
<input type="checkbox" name="cb"><br>
<input type="checkbox" name="cb"><br>
<input type="checkbox" name="cb"><br>
<input type="button" name="adf" value="check" onclick="Chk()">