当前位置: 代码迷 >> HTML/CSS >> JS 动态设立选中行的CSS
  详细解决方案

JS 动态设立选中行的CSS

热度:145   发布时间:2012-06-30 17:20:12.0
JS 动态设置选中行的CSS

// 动态改变选中行的CSS
??function setSelectedTrCss(){
???var lenTr = document.getElementById('subMenuTableId').rows.length;? // 行数
???????????? for(var i=1; i < lenTr; i++){
?????????????? var radioId = 'ids' + i;
?????????????? if(document.getElementById(radioId).checked){ // 选中设置CSS为tablebody2
?????????????????? document.getElementById('tdId'+i).className="tablebody2";
?????????????????? document.getElementById('tdName'+i).className="tablebody2";
?????????????????? document.getElementById('tdNo'+i).className="tablebody2";
?????????????? }
?????????????? else{
?????????????? ??? document.getElementById('tdId'+i).className="tablebody1"; // 未选中设置CSS为tablebody1
?????????????????? document.getElementById('tdName'+i).className="tablebody1";
?????????????????? document.getElementById('tdNo'+i).className="tablebody1";
?????????????? }
???????????? }
??}

?

用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup。

如果想实现长按方向键循环选中单选钮的话,需要利用onkeydown

  相关解决方案