2007年12月12日 星期三

[jquery]checkbox 變換 td 底圖

CSS 內加入
.good{background-color: #ffffff;}
.click{background-color: #f00;}

javascript 內加入

function goChangeBg(obj){
if (obj.checked == true){
$("#bg"+obj.value).removeClass("good"); //會變換id = bg + obj.value
$("#bg"+obj.value).addClass("click");
}else{
$("#bg"+obj.value).removeClass("click");
$("#bg"+obj.value).addClass("good");
}
}

html

<input name="c1" value="要變換的值" onclick="goChangeBg(this);" type="checkbox">

【下列文章您可能也有興趣】

沒有留言: