用js控制div显示隐藏及切换

html效果：当点是的时候出现连接的文本框，当点否的时候出现填写内容的文本域

 

是否连接到其他地址

<input type="radio" name="islink" value="1"   onclick="change('1')" />是

<input type="radio" name="islink" value="0"   checked="checked" onclick="change('2')" />否</td>

 

 <div id="contentdiv">内容 <textarea rows="15" cols="50" name="content"></textarea> </div>
 <div id="linkdiv" style="display: none">链接地址 <input type="text"  name="linkurl" /></div>

 

js代码

function change(v) { if(v == 1) { document.getElementById('linkdiv').style.display='block'; document.getElementById('contentdiv').style.display='none'; } else { document.getElementById('linkdiv').style.display='none'; document.getElementById('contentdiv').style.display='block'; } }

 

必须注意的是:如果放到table中，div内如果有table,tr,td则隐藏属性不起作用！！需要把table,tr,td放到div外面。