<form action="" method="post">
URL<input type="text" name="url"/>
<input name="" type="radio" value="1" checked="checked"/>文字连接
<input name="" type="radio" value="0" />图片连接
<input name="name" size="30"/>
<input type="file" size="30" name="pic">
<input type="submit" name="submit" value='提交'>
</form>
我想问下,怎么能够做到,当我选择了文字连接以后下面值出现
<input name="name" size="30"/>对话框,当我选择了图片连接以后
出现<input type="file" size="30" name="pic">对话框,
谢谢,我对JS 不怎么熟悉!
URL<input type="text" name="url"/>
<input name="" type="radio" value="1" checked="checked"/>文字连接
<input name="" type="radio" value="0" />图片连接
<input name="name" size="30"/>
<input type="file" size="30" name="pic">
<input type="submit" name="submit" value='提交'>
</form>
我想问下,怎么能够做到,当我选择了文字连接以后下面值出现
<input name="name" size="30"/>对话框,当我选择了图片连接以后
出现<input type="file" size="30" name="pic">对话框,
谢谢,我对JS 不怎么熟悉!
<input name="" type="radio" value="0" onclick="javascript:if(this.checked){document.getElementById('name').style.display='none';document.getElementById('pic').style.display='inline';}"/>图片连接
<input name="name" size="30" style='display:none;'/>
<input type="file" size="30" name="pic" style='display:inline;'>
function fontLink(o) {
if (o.checked) {
document.getElementsByName("name")[0].style.display = "black";
//document.getElementsByName("pic")[0].style.display = "none";
} else {
document.getElementsByName("name")[0].style.display = "none";
//document.getElementsByName("pic")[0].style.display = "black";
}
} function picLink(o) {
if (o.checked) {
//document.getElementsByName("name")[0].style.display = "none";
document.getElementsByName("pic")[0].style.display = "black";
} else {
//document.getElementsByName("name")[0].style.display = "black";
document.getElementsByName("pic")[0].style.display = "none";
}
}
</script><form action="" method="post">
URL<input type="text" name="url"/>
<input name="" type="radio" value="1" checked="checked" onchange="fontLink(this)"/>文字连接
<input name="" type="radio" value="0" onchange="picLink(this)"/>图片连接
<input name="name" size="30"/>
<input type="file" size="30" name="pic">
<input type="submit" name="submit" value='提交'>
</form>
function fontLink(o) {
if (o.checked) {
document.getElementsByName("fontname")[0].style.display = "black";
} else {
document.getElementsByName("fontname")[0].style.display = "none";
}
} function picLink(o) {
if (o.checked) {
document.getElementsByName("pic")[0].style.display = "black";
} else {
document.getElementsByName("pic")[0].style.display = "none";
}
}
</script><form action="" method="post">
URL<input type="text" name="url"/>
<input name="fontname" type="radio" value="1" checked="checked" onchange="fontLink(this)"/>文字连接
<input name="pic" type="radio" value="0" onchange="picLink(this)"/>图片连接
<input name="name" size="30"/>
<input type="file" size="30" name="pic">
<input type="submit" name="submit" value='提交'>
</form>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>CSDN-chb89888404</title>
</head>
<script type="text/javascript">
function selectLinkType(obj){
if(obj.value=="1" && obj.checked){
document.getElementById("name").style.display="";//建议使用id好点
document.getElementById("pic").style.display="none";
}
else if(obj.value=="0" && obj.checked){
document.getElementById("name").style.display="none";//建议使用id好点
document.getElementById("pic").style.display="";
}
}
</script>
<body>
<form action="" method="post">
URL<input type="text" name="url"/>
<input name="linkType" type="radio" value="1" checked="checked" onclick="selectLinkType(this)"/>文字连接
<input name="linkType" type="radio" value="0" onclick="selectLinkType(this)"/>图片连接
<input id="name" size="30" name="name"/>
<input type="file" size="30" id="pic" name="pic" style="display:none;">
<input type="submit" name="submit" value='提交'>
</form>
</body>
</html>希望对你有用了!!!