$("#btnSubmit").click()的意思是:“当点击id为btnSubmit的元素时”。input不需要再设置onclick。
修改后的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EW" "http://www.w3.org/TR/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--插入脚本 载入jquery-1.4.2.min.js文件 结束脚本-->
<script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
<!--插入脚本-->
<script type="text/javascript">
<!--创建对象-->
$(function() {
$("#Byttonl").click(function() {
<!--获得文本框的值-->
var oTextValue = $("#Textl").val();
<!--获得单选框按钮值-->
var oRdoValue = $('input:radio[name="rdoSex"]:checked').val();
<!--获得复选框按钮值-->
var oChkValue = $("#Checkboxl").is(":checked") ? "已婚" : "未婚";
<!--显示提示文本元素和内容-->
$("#divTip").html(oTextValue + oRdoValue + oChkValue);
})
})
<!--结束脚本-->
</script>
</head>
<body>
<div class="divFrame">
<div class="divTitle">清输入如下信息</div>
<div class="divContent">姓名:
<input id="Textl" type="text" class="txtCss" />
<br />性别:
<input id="Radiol" name="rdoSex" type="radio" value="男" />男
<input id="Radio2" name="rdoSex" type="radio" value="女" />女
<br />婚否:
<input id="Checkboxl" type="checkbox" />
<div class="divBtn">
<input id="Byttonl" type="button" value="提交" class="bthCss" />
</div>
</div>
</div>
<div id="divTip" class="divTip"></div>
</body>
</html>
结果示例:
http://jsfiddle.net/hfcm8/