读书人

利用js判断复选框被选中时显示另外一

发布时间: 2012-01-19 00:22:28 作者: rapoo

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

读书人网 >Java Web开发

热点推荐