在 ASP.NET 中自定义复选框

Ravinder007

2.67/5 (5投票s)

2008年7月2日

CPOL

60075

1196

自定义 ASP.NET 中的复选框控件

下载源代码 - 5.42 KB

引言

我正在一个项目中工作，需要一个自定义的复选框。我想使用图像作为复选框。我在 Google 上搜索，但没有找到针对 ASP.NET 复选框控件自定义复选框的解决方案。我的想法是编写一段代码，使 ASP.NET 复选框控件可自定义，而无需在复选框控件中编写任何代码。

背景

网络上有很多解决方案和文章介绍如何自定义复选框。但它们都适用于 HTML 控件。对于每个复选框，您都需要设置一个 JavaScript 函数。

Using the Code

我创建这段代码是为了与 checkboxlist 控件一起工作。它非常容易实现，您可以将任意数量的 checkbox 拖放到页面上。其余的工作将由 JavaScript 代码完成。

查看在线演示。

在 body 标签中，调用 setup() 函数

<body onload="setup()">

function setup()
 {
 var inputs=document.getElementsByTagName ("input")
 for(var i = 0; i < inputs.length; i++)
 {
     switch(inputs[i].type)
     {
     case "checkbox":
     inputs[i].style.display="None";
         if(inputs[i].checked)
         {
         inputs[i].nextSibling.innerHTML="<img src=" + inputs[i].nextSibling.innerHTML;
         }
         else
            {
             inputs[i].nextSibling.innerHTML=
			"<img src="+ inputs[i].nextSibling.innerHTML;
             }
         inputs[i].nextSibling.onclick=function(){cbclick(this)}
         break; 
    } 
 }
 }

关注点

无需在 ASP.NET checkbox 列表控件中编写代码。