模仿asp.net的checkboxList控件

goldlive_8888 2009-06-09 11:02:09

<script type="text/javascript">
function rowIn(obj){
obj.style.backgroundColor="#316AC5";
obj.style.color="#FFFFFF";
}
function rowOut(obj){
obj.style.backgroundColor="#FFFFFF";
obj.style.color="#000000";
}
function rowCheck(obj){
obj.firstChild.firstChild.checked=!obj.firstChild.firstChild.checked;
}
</script>
<select multiple>
<option>1</option>
<option>2</option>
</select>
<div style="width:200px;height:200px;border:1px solid #7F9DB9">
<div style="margin:1px;width:195px;height:195px;overflow:auto;border-top:1px solid #716F64;border-left:1px solid #716F64;border-right:1px solid #F1EFE2;border-bottom:1px solid #F1EFE2">
<table style="width:100%">
<tr onmouseover="rowIn(this)" onmouseout="rowOut(this)" onclick="rowCheck(this)">
<td><input type="checkbox" value="1">计划A</td>
</tr>
<tr onmouseover="rowIn(this)" onmouseout="rowOut(this)" onclick="rowCheck(this)">
<td><input type="checkbox" value="2">计划B</td>
</tr>
<tr onmouseover="rowIn(this)" onmouseout="rowOut(this)" onclick="rowCheck(this)">
<td><input type="checkbox" value="3">计划C</td>
</tr>
<tr onmouseover="rowIn(this)" onmouseout="rowOut(this)" onclick="rowCheck(this)">
<td><input type="checkbox" value="4">计划D</td>
</tr>
</table>
</div>
</div>
希望能帮助从事java Web开发兄弟姐妹们!

...全文

55 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

goldlive_8888 2009-06-16

打赏
举报

回复

<script type="text/javascript">
function rowIn(obj){
obj.style.backgroundColor="#316AC5";
obj.style.color="#FFFFFF";
}
function rowOut(obj){
obj.style.backgroundColor="#FFFFFF";
obj.style.color="#000000";
}
function rowCheck(obj){
obj.firstChild.firstChild.checked=!obj.firstChild.firstChild.checked;
}
</script>
<select multiple>
<option>1</option>
<option>2</option>
</select>
<div style="width:200px;height:200px;border:1px solid #7F9DB9">
<div style="margin:1px;width:195px;height:195px;overflow:auto;border-top:1px solid #716F64;border-left:1px solid #716F64;border-right:1px solid #F1EFE2;border-bottom:1px solid #F1EFE2">
<table style="width:100%">
<tr onmouseover="rowIn(this)" onmouseout="rowOut(this)" onclick="rowCheck(this)">
<td><input type="checkbox" value="1" onclick="this.checked=!this.checked">计划A</td>
</tr>
<tr onmouseover="rowIn(this)" onmouseout="rowOut(this)" onclick="rowCheck(this)">
<td><input type="checkbox" value="2" onclick="this.checked=!this.checked">计划B</td>
</tr>
<tr onmouseover="rowIn(this)" onmouseout="rowOut(this)" onclick="rowCheck(this)">
<td><input type="checkbox" value="3" onclick="this.checked=!this.checked">计划C</td>
</tr>
<tr onmouseover="rowIn(this)" onmouseout="rowOut(this)" onclick="rowCheck(this)">
<td><input type="checkbox" value="4" onclick="this.checked=!this.checked">计划D</td>
</tr>
</table>
</div>
</div>

浪尖赏花 2009-06-09

打赏
举报

回复

支持一哈

ASP.NET2.0控件一览---标准控件(1) ASP.NET2.0控件一览---标准控件(2) ASP.NET 2.0中使用webpart系列控件 ASP.NET 2.0 中实现跨页提交新控件、管理外观、布局及其它用户体验 ASP.NET 2.0 缓存技术（原创） asp.net...

ASP.Net中控件数量是非常多的，讲解ASP.Net的教材通常要上千页，让初学者望而生畏，其实ASP.Net大部分控件相似性非常强的，同类型的控件学会了一个那么其他控件也就很容易学会了。比如只要学会了DropDownList，那么...

A low-level Look at the ASP.NET Architecture ASP.NET is a powerful platform for building Web applications, that provides a tremendousamount of flexibility and power for building just about any kind of...

.net组件和控件 DevExpress DotNetBar V4.7DevExpress DotNetBar V4.7 注册机DotNetBar是一套Visual Studio.Ne开发环境下的界面扩展框架组件，提供类似Office 2003和OfficeXP的菜单和工具条、OfficeX

第一二卷都比较简单，特别是第一卷，讲的都是服务器端控件。... 第二卷（写作中）的章节计划请参考：《ASP.NET AJAX程序设计——第II卷客户端Microsoft AJAX Library》章节计划。第1章　Ajax概述 11.1　Ajax...

87,904

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章