代码之家  ›  专栏  ›  技术社区  ›  Brian Fisher

jquery事件冒泡复选框

  •  2
  • Brian Fisher  · 技术社区  · 17 年前

    我有一个带有复选框的表单,然后在复选框右侧显示文本。有jquery事件附加到复选框的单击事件。我想要的是允许用户单击标签或复选框,并选中/取消选中复选框,然后触发事件。下面是我要做的事情的简化版本( 不要 运行下面的代码,因为它创建了一个无止境的循环)。

    <script>
    $(document).ready(function() {
      $("form p").click(function() {
        $(this).find("input").click();
      });
    
      $("form input").click(function() {
        alert("clicked");
      });  
    });
    </script>
    
    
    <form>
    <p> <input type="checkbox" name="checker" value="1" /> Click anywhere</p>
    <p> <input type="checkbox" name="checker2" value="2" /> Click anywhere</p>
    </form>
    
    3 回复  |  直到 14 年前
        1
  •  5
  •   Jan Hančič    17 年前
        2
  •  2
  •   DarthJDG chetan borse    15 年前

    点击任何 <input> 标记触发的单击事件 <p> 标签(因为 <输入& GT; 标签在 <P & GT; 标签),然后触发 <输入& GT; 导致无限循环的标记。

        3
  •  1
  •   pseudomatty    14 年前