【day13】用jquery动态绑定点击事件的写法

最新推荐文章于 2023-03-08 14:46:38 发布

泠鸢秋绘

最新推荐文章于 2023-03-08 14:46:38 发布

阅读量90

点赞数

分类专栏： java前端文章标签： jquery

本文链接：https://blog.csdn.net/m0_46953020/article/details/115527352

版权

java前端专栏收录该内容

34 篇文章 0 订阅

订阅专栏

该博客演示了JavaScript中常见的点击事件处理，包括使用$(document).ready()绑定点击事件，以及为不同的输入元素如按钮和文本框添加点击响应。通过示例代码展示了如何弹出警告框显示元素ID或其值，以及如何根据输入的PROJECT_OID跳转到新的页面。

摘要由CSDN通过智能技术生成

<script type="text/javascript">
$(document).ready(function(){
    $("#text").bind("click",function(){
        alert("我的id为text，你点击时触发");
    });
    
    $("#text1").on("click",function(){
        alert("hellworl");
    });
    
    $("#text2").click(function(){
        alert($("#text2").val());
        
    });
});
    
    
</script>
<body>
    
    <input id="text" type="button" value="点击"/> 
    
    <input id="text1" type="button" value="点击"/> 
    
    <input id="text2" type="text" value="love"/> 
</body>

项目实例

 //评分项目点击事件
    $('.scoring-type-item').on('click', function () {
        var PROJECT_OID = $(this).find("input[name='PROJECT_OID']").val();//input
        window.location.href = 'newScoringItems/newScoringItems.html?PROJECT_OID=' + PROJECT_OID + '&TEMPLATE_OID=' + TEMPLATE_OID;
    });

原文地址

泠鸢秋绘

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【day13】用jquery动态绑定点击事件的写法

<script type="text/javascript">$(document).ready(function(){ $("#text").bind("click",function(){ alert("我的id为text，你点击时触发"); }); $("#text1").on("click",function(){ alert("hellworl"); }); $("#text2").click
复制链接

扫一扫

专栏目录