极客观点
项目管理
HarmonyOS
<!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(btnClick)
{
$("#btnSubmit").click(function()
{
<!--获得文本框的值-->
var oTextValue=$("#Textl").val();
<!--获得单选框按钮值-->
var oRdoValue=$("#Raddiol").is(":checked")?"男":"女";
<!--获得复选框按钮值-->
var oChkValue=$("#Checkboxl").is(":checked")?"已婚":"未婚";
<!--显示提示文本元素和内容-->
$("#divTip").css("display","block").html(oTxtValue+"<br>"+oRdoValue+"<br>"+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" onclick="btnClick();" />
</div>
</div>
</div>
<div id="divTip" class="divTip"></div>
</body>
</html>请问点击事件怎么调用
$("#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/