利用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>   </td> ";