jquery 怎么调用事件-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

jquery 怎么调用事件

小旋风柴进 2016-03-23 15:37:44 1468
<!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>

请问点击事件怎么调用

前端开发 JavaScript
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:11:20

    $("#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>
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程