您好,匿名用户
随意问技术百科期待您的加入

jquery 怎么调用事件

0 投票
<!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>

请问点击事件怎么调用

用户头像 提问 2013年 11月29日 @ Teemo 上等兵 (318 威望)
分享到:

1个回答

0 投票
 
最佳答案

$("#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/

用户头像 回复 2013年 11月30日 @ Ashe 上等兵 (336 威望)
选中 2013年 9月7日 @Teemo
提一个问题:

相关问题

0 投票
1 回复 39 阅读
0 投票
1 回复 35 阅读
用户头像 提问 2012年 12月1日 @ Cho'Gath 上等兵 (267 威望)
0 投票
1 回复 38 阅读
用户头像 提问 2013年 12月5日 @ Malzahar 上等兵 (335 威望)
0 投票
1 回复 45 阅读
0 投票
1 回复 31 阅读
用户头像 提问 2012年 12月1日 @ Xin Zhao 上等兵 (320 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...