HTML button点击不了

发布网友发布时间：2022-04-19 23:31

共1个回答

热心网友时间：2022-04-21 02:14

divContent前面少个点，checkbox改为checkbox1如下已经可以提交了

<!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>控制DOM对象</title>
<style type="text/css">
.divFrame{width:260px;border:solid 1px #666; font-size:10pt}
.divTitle{background-color:#eee;padding:5px}
.divContent{padding:8px;font-size:9pt}
.divTip{width:244px;border:solid 1px #666;padding:8px;font-size:9pt;
margin-top:5px;display:none}
.txtCss{border:solid 1px #ccc}
.divBtn{padding-top:5px}
.divBtn .btnCss{border:solid 1px #535353;width:60px}
</style>
<script type="text/javascript">
function btnClick(){
var oTxtValue=document.getElementById("text1").value;
var oRdoValue=(radio1.checked)?"男":"女";
var oChkValue=(checkbox1.checked)?"已婚":"未婚";
document.getElementById("divTip").style.display="block";
document.getElementById("divTip").innerHTML=oTxtValue+"<br>"
+ oRdoValue+"<br>"+oChkValue;
}
</script>
</head>
<body>
<div class="divFrame">
<div class="divTitle">请输入如下信息</div>
<div class="divContent">
姓名：<input type="text" id="text1"><br />
性别：<input type="radio" id="radio1" name="radio" value="男">男
<input type="radio" id="radio2" name="radio" value="女">女<br />
婚否：<input type="checkbox" id="checkbox1"/>
<div class="divBtn">
<input type="button" id="button1" value="提交" class="btnCss" onclick="btnClick();" />
</div>
</div>
</div>
<div id="divTip" class="divTip"></div>
</body>
</html>