jQuery捕捉到触发的目标元素

最新推荐文章于 2024-05-05 23:54:40 发布

iteye_9926

最新推荐文章于 2024-05-05 23:54:40 发布

阅读量124

点赞数

分类专栏： jQuery 文章标签： jQuery JavaScript HTML C C++ ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_9926/article/details/81728553

版权

jQuery 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用jQuery来为多个复选框注册点击事件。当用户点击任一复选框时，会弹出一个警告框显示被点击复选框的值。此外，还提供了一个全选选项，但未实现其具体功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<body>
<script>

$(function(){
 
    $("input[type=checkbox]").click(    
        function(e){ 
         alert($(e.target).val());  // e.target 捕捉到触发的目标元素 
       }      
      
    );
});

</script>
<input type="checkbox" value="1"/>a<br />
<input type="checkbox" value="2" />b<br />
<input type="checkbox" value="3"/>c<br />
<input type="checkbox" value="4"/>d<br />
<input type="checkbox" value="5"/>e<br />
<input type="checkbox" value="6"/>f<br />
<input type="checkbox" value="all" id="checkAll" />全选<br />
</body>
</html>