Question

ASP.NET C# 请问大家，后台生成的HtmlInputButton，怎么引用通过点击改变它的样式？

数据是从数据库里面查询出来的，所以不知道有几个button，所以通过后台代码来创建。
ds = bll.colors(pronamelbl.Text);//查询数据
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
HtmlInputButton btn = new HtmlInputButton ();
this.div2.Controls.Add(btn);//添加到指定位置
btn.Text = ds.Tables[0].Rows[i][0].ToString();
btn.ID = Guid.NewGuid().ToString();//唯一标识
btn.Style.Add("border", "white 2px solid");
btn.Attributes.Add("onclick", "<script>color('"+btn.ClientID +"');</script>");
}

我想在它的属性添加一个前台javascript函数来改变它的样式，我要怎么写这个函数，特别是在去获取到这个ID

谢谢大家

Answer 1

给button添加类名btn.Attributes.Add("class", "btclass");
前台用jquery遍历改变样式，$('.btclass').each(function() { 编写你的代码} )
若都是添加到div2元素下，上面的可以免写，直接用
$('#div2').find(‘:button’).each(function() { 编写你的代码} ) ;
如给button添加onclick事件：
$('#div2').find(‘:button’).each(function() {
$(this).click(function() {编写你的代码})
} ) ;

Answer 2

btn.Attributes.Add("onclick", "this.style.background='#aaaaaa';");

追问

我是想在前台编写一个javascript的函数，因为改变的样式比较多

追答

可以这么写 btn.Attributes.Add("onclick", "color(this)"); 直接把这个DOM对象传给函数，不用获取ID

function color(obj){
obj.style.background='#aaaaaa';
}

追问

效果出来了，我想问一下，怎么遍历这些按钮呢？

追答

在后台添加代码：btn.Attributes.Add("name","btnName");
然后在javascript中添加代码：
function getBtn(){
var btnList=document.getElementsByName("btnName");
foreach(var btn in btnList){
//你的代码
//btn.value="测试";
}
}

Answer 3

btn.Attributes.Add("onclick", "this.className += ' 你的class名字'");

追问

我是想在前台编写一个javascript的函数，因为改变的样式比较多