各位好心人,帮帮忙啦
怎么在选中的复选框口上进行修改,删除呢? --------------------编程问答-------------------- 沒有明白你的意思。 --------------------编程问答-------------------- 我给你一个例子,你比葫芦画瓢就可以完成. --------------------编程问答-------------------- 你是说 选中哪个框就修改哪个框的数据吗首先你给每个框也赋个ID 然后
在你调用的js方法里
var chks ; var value
chks=document.getElementsByTagName("input")
for(i=0;i<chks.length;i++)
{
if(chks[i].type=="checkbox")
{
if(chks[i].checked=true)
{
value=chks[i].value+","
}
}
}
然后 value变量就有了你选中的框的值 也就是ID 再根据这个ID 进行数据操作 --------------------编程问答--------------------
<!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><title>
员工状态
</title>
<style type="text/css">
table
{
border:#c3d9ff;
}
a
{
text-decoration:none;
}
</style>
<script type="text/javascript">
var lastTD;
function colorTD(obj)
{
var myRecord = document.getElementById("employeeRecord");
if(lastTD != undefined)
{
lastTD.style.backgroundColor = "#FFFFFF";
}
obj.style.backgroundColor = "#ffffcc";
lastTD = obj;
}
function showDiv(strValue)
{
var left = document.documentElement.scrollLeft + event.clientX;
var top = event.clientY + document.documentElement.scrollTop;
if((document.body.offsetWidth-left)<250)
{
left = left - 250;
}
if((document.body.offsetHeight-top)<100)
{
top = top - 100;
}
var eventDetailInfo = document.getElementById("eventDetailInfo");
eventDetailInfo.innerHTML = strValue;
eventDetailInfo.style.borderStyle = "groove";
eventDetailInfo.style.marginLeft = left;
eventDetailInfo.style.marginTop = top;
eventDetailInfo.style.display = "";
}
function unShowDiv()
{
var eventDetailInfo = document.getElementById("eventDetailInfo");
eventDetailInfo.innerHTML = "";
eventDetailInfo.style.display = "none";
}
</script>
<script type='text/javascript'>
var aa=null;
var f=false;
function show(a)
{
if(!f){
var h="<select onChange=hide2(this) > <option value=尚未安排 > 尚未安排</><option value=签到 >签到</option><option value=签退 >签退</option><option value=外出 >外出</option><option value=出差 >出差</option><option value=事假 >事假</option><option value=年假 >年假</option><option value=换休 >换休</option><option value=婚假 >婚假</option><option value=丧假 >丧假</option><option value=产假 >产假</option><option value=病假 >病假</option></select>";
aa=a;
document.getElementById('a'+a.id).innerHTML='<div id=an1>'+h+'</div>';
f=true;
}else{
alert("你有为设置的属性");
}
}
function hide2(s)
{
if(f){
document.getElementById('a'+aa.id).innerHTML= '<div id=an1><a href=# id='+aa.id+' onClick=show(this)>'+s.value+'</a></div>';
f=false;
}
}
function show2(){
// var a=window.confirm("您没有设置值,是否要恢复到默认?");
document.getElementById('a'+aa.id).innerHTML= '<div id=an1><a href=# id='+aa.id+' onClick=show(this)>设置班次</a></div>';
}
</script>
</head>
<body style="margin:0; padding:0;">
<form name="form1" method="post" action="employeeWeekState.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" />
</div>
<div id="eventDetailInfo" style="border:1px; border-color:Yellow; background-color:#FFFF33; font-size:12px; position:absolute; width:250px;display:none;"></div>
<div id="pageSelect" style="text-align:right;"><img src="../../Images/diary/pre.gif" onmouseover="this.style.cursor='pointer'" onclick="javascript:window.history.go(-1);" alt="前一页" width="60" height="24" /> <img src="../../Images/diary/next.gif" onmouseover="this.style.cursor='pointer'" onclick="window.history.go(1);" alt="后一页" width="60" height="24" /> <img src="../../Images/diary/main.gif" onmouseover="this.style.cursor='pointer'" onclick="javascript:window.parent.location=window.parent.location;" alt="主页" width="60" height="24" />
</div>
<div>
<table style="border-style:none;font-size:12px; " cellpadding="0" cellspacing="0">
<tr>
<td align="left" colspan="2">
<input type="image" name="preWeek" id="preWeek" title="上一周" src="../../Images/diary/left.JPG" style="border-style:None;border-width:0px;" />
<input type="image" name="nextWeek" id="nextWeek" title="下一周" src="../../Images/diary/right.JPG" style="border-style:None;border-width:0px;" />
<select name="ddlYear" id="ddlYear">
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option selected="selected" value="2010">2010</option>
</select>年
<select name="ddlMonth" id="ddlMonth">
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
<option value="4">四</option>
<option value="5">五</option>
<option value="6">六</option>
<option value="7">七</option>
<option selected="selected" value="8">八</option>
<option value="9">九</option>
<option value="10">十</option>
<option value="11">十一</option>
<option value="12">十二</option>
</select>月
第 <select name="ddlWeek" id="ddlWeek">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option selected="selected" value="4">4</option>
<option value="5">5</option>
</select> 周
<select name="ddlDepartment" id="ddlDepartment">
<option selected="selected" value="">全部部门</option>
<option value="1">公司</option>
</select>部门
<input type="submit" name="btnSearch" value="查看" id="btnSearch" />
<span>员工考勤汇总</span>
<input type="submit" name="btnsetworktime" value="保存设置" id="btnsetworktime" />
</td>
</tr>
<tr>
<td colspan="2" >
<table id="employeeRecord" style="font-size:12px;" bordercolor="#c3ffff" border="1" cellpadding="0" cellspacing="0">
<tr bgcolor="#c3d9ff">
<td height="40px" width="60px" align="center" valign="middle"><span style='color:#112abb;'>部门</span></td>
<td height="40px" width="80px" align="center" valign="middle"><span style='color:#112abb;'>姓名</span></td>
<td height="40px" width="80px" align="center" valign="middle"><span style='color:#112abb;'>2010-8-22<br />星期日</span></td>
<td height="40px" width="80px" align="center" valign="middle"><span style='color:#112abb;'>2010-8-23<br />星期一</span></td>
<td height="40px" width="80px" align="center" valign="middle"><span style='color:#112abb;'>2010-8-24<br />星期二</span></td>
<td height="40px" width="80px" align="center" valign="middle"><span style='color:#112abb;'>2010-8-25<br />星期三</span></td>
<td height="40px" width="80px" align="center" valign="middle"><span style='color:#112abb;'>2010-8-26<br />星期四</span></td>
<td height="40px" width="80px" align="center" valign="middle"><span style='color:#112abb;'>2010-8-27<br />星期五</span></td>
<td height="40px" width="80px" align="center" valign="middle"><span style='color:#112abb;'>2010-8-28<br />星期六</span></td>
</tr>
<tr>
<td width="50px" bgcolor="#c3d9ff">刘征</td>
<td align="center" valign="top" onclick="colorTD(this);" style="border-width:1px;border-style:solid;" height="18px" bordercolor="#c3d9ff"><div id=anJwNWi409><a href='#' id=nJwNWi409 onClick='show(this)'>设置班次</a> </div></td>
<td align="center" valign="top" onclick="colorTD(this);" style="border-width:1px;border-style:solid;" height="18px" bordercolor="#c3d9ff"><div id=anJwNWi410><a href='#' id=nJwNWi410 onClick='show(this)'>设置班次</a> </div></td>
<td align="center" valign="top" onclick="colorTD(this);" style="border-width:1px;border-style:solid;" height="18px" bordercolor="#c3d9ff"><div id=anJwNWi411><a href='#' id=nJwNWi411 onClick='show(this)'>设置班次</a> </div></td>
<td align="center" valign="top" onclick="colorTD(this);" style="border-width:1px;border-style:solid;" height="18px" bordercolor="#c3d9ff"><div id=anJwNWi412><a href='#' id=nJwNWi412 onClick='show(this)'>设置班次</a> </div></td>
<td align="center" valign="top" onclick="colorTD(this);" style="border-width:1px;border-style:solid;" height="18px" bordercolor="#c3d9ff"><div id=anAPngW413><a href='#' id=nAPngW413 onClick='show(this)'>设置班次</a> </div></td>
<td align="center" valign="top" onclick="colorTD(this);" style="border-width:1px;border-style:solid;" height="18px" bordercolor="#c3d9ff"><div id=anAPngW414><a href='#' id=nAPngW414 onClick='show(this)'>设置班次</a> </div></td>
<td align="center" valign="top" onclick="colorTD(this);" style="border-width:1px;border-style:solid;" height="18px" bordercolor="#c3d9ff"><div id=anAPngW415><a href='#' id=nAPngW415 onClick='show(this)'>设置班次</a> </div></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
你把下拉换成复选就ok了
补充:.NET技术 , ASP.NET