日期:2014-05-18  浏览次数:20688 次

利用js判断复选框被选中时,显示另外一列。
<input   name= "l1 "   type= "button "   id= "l1 "   onClick= "add(tab); "   value= "增加一段 "   >
  <table   width= "540 "   border= "1 "   id= "tab ">
  <tr>
        <td   width= "50 "   align= "center "> 是否滚动 </td>  
        <td   width= "60 "   align= "center "> 滚动速度 </td>                                                            
      </tr>
      </table>


<SCRIPT   LANGUAGE= "JavaScript ">
function   add(obj)  
{var   newrow=tabnum.insertRow();
  var   newcell=newrow.insertCell(0);
newcell=newrow.insertCell(1);
  newcell.innerHTML= " <center> <input   type= 'checkbox '   name= 'checkbox '   onclick= 'javascript:if(this.checked){document.getElementById( 'td ').style.display   =   'block ';}else{document.getElementById( 'td ').style.display   =   'none ';} '> </center> ";
         
newcell=newrow.insertCell(2);
newcell.innerHTML= " <td   id= 'td '   style= 'display:none '> <select   name= 'scroll "+m+ " '> <option   value= '0 '> 选择滚动速度 </option> </select> </td> ";  
}
</script>

问题是不管选不选中都显示了。

------解决方案--------------------
传hidden吧,这个能在javascript中处理。
要是session好像处理不了吧。
------解决方案--------------------
感觉两个地方不妥

newcell.innerHTML= " <center> <input type= 'checkbox ' name= 'checkbox ' onclick= 'javascript:if(this.checked){document.getElementById( 'td ').style.display = 'block ';}else{document.getElementById( 'td ').style.display = 'none ';} '> </center> ";这里单引号套单引号了,两处document.getElementById( 'td ')改成document.getElementById(\ "td\ ")


newcell.innerHTML= " <td id= 'td ' style= 'display:none '> <select name= 'scroll "+m+ " '> <option value= '0 '> 选择滚动速度 </option> </select> </td> ";
这里td不能控制隐藏吧?!
再加个标签 <span>
newcell.innerHTML= " <td> <span id= 'td ' style= 'display:none '> <select name= 'scroll "+m+ " '> <option value= '0 '> 选择滚动速度 </option> </select> </span> &nbsp </td> ";