开发者社区> 问答> 正文

jquery 怎么调用事件

<!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>

请问点击事件怎么调用

展开
收起
小旋风柴进 2016-03-23 15:37:44 2105 0
1 条回答
写回答
取消 提交回答
  • $("#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>
    2019-07-17 19:11:20
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
Javascript中的函数 立即下载
JavaScript函数 立即下载
Javascript中的对象 立即下载