javascript - js 中的onclick事件

问题描述

问 题

求助js大神，帮忙分析一下：
我一个框框里面有一个输入框有ID，有一个图片没有ID，现在要做判断，点击图片时，如果输入框有值就提示弹窗已有信息不能修改；
条件是使用webService，更改不了页面，只能通过一个js控制，所以不能给图片加一个ID加以控制
一个表格里面，有很多个框框的，所以就会有很多组输入框和图片，每一组的图片都是一样的，只有一个src地址，其他的都不加事件，

解决方案

获取已知最外层的元素委托绑定一个点击事件给他下面的图片，点击图片找到他相邻的输入框，判断有没有值

<div id="box" >
    <p>
   <input type="text" value="">
    <img src=" https://sfault-avatar.b0.upaiyun.com/408/983/4089830984-59436c1eabf72_big64 " alt="">
    </p>

    <p>
        <input type="text" value="">
        <img src=" https://sfault-avatar.b0.upaiyun.com/408/983/4089830984-59436c1eabf72_big64 " alt="">
    </p>
    <p>
        <input type="text" value="">
        <img src=" https://sfault-avatar.b0.upaiyun.com/408/983/4089830984-59436c1eabf72_big64 " alt="">
    </p>

</div>
<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
 $(function () {
     $("#box").on("click" , "img" , function () {

      if( $(this).siblings('input').val() ){
                 alert('我有了，是你的' );
             }else {
          alert('里面没人，你进来吧');
      }
     });
 })

</script>

这篇关于javascript - js 中的onclick事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！