UC知道求网页显示隐藏元素代码
来源：百度知道 编辑：UC知道 时间：2024/09/28 07:53:39
就像这个代码，但我想要做成3个选项。怎样做？点击另外一个，其他的隐藏，
<script language="javascript">
function show(v){
text.style.display=v;
}
</script>
<div style="display:none" id=text><input type="text" name="wenjian" ></div>
<input type="radio" name="iflianjie" value="checkbox" onclick="show('block');">显示
<input type="radio" name="iflianjie" value="checkbox" onclick="show('none');">隐藏
<script language="javascript">
function show(v){
text.style.display=v;
}
</script>
<div style="display:none" id=text><input type="text" name="wenjian" ></div>
<input type="radio" name="iflianjie" value="checkbox" onclick="show('block');">显示
<input type="radio" name="iflianjie" value="checkbox" onclick="show('none');">隐藏
<script language="javascript">
function show(v){
if(v==1){
text1.style.display="block";
text2.style.display="none";
}else if(v==2){
text2.style.display="block";
text1.style.display="none";
}
</script>
<div style="display:none" id=text1>
<input type="text" name="wenjian" >
</div>
<div style="display:none" id=text2>
<input type="text" name="wenjian" >
</div>
<input type="radio" name="iflianjie" value="checkbox" onclick="show(1);">显示1
<input type="radio" name="iflianjie" value="checkbox" onclick="show(2);">显示2