JSFiddle - React, Tailwind, and code Playground

by Leo Cavalcante

HTML

<form id="formulario">
    <input type="checkbox" /><br/>
    <input type="checkbox" /><br/>
    <input type="checkbox" /><br/>
    <input type="text" />
</form>

JavaScript

// NÃO POSSO ALTERAR ===== I cann`t change this

$("#formulario").delegate("input", "click", function(){ alert("clicou!") });
$("#formulario").delegate("input:checkbox", "click", function(){ alert("eu quero funcionar pros checkboxes!") });

//=========================

$('#formulario :checkbox').on('click', function(event) {
    alert('Eu também quero funcionar! :( #chateado 2');
});

// pego qual é o handler que vou chamar
var form = $('#formulario'), handler = $._data(form.get(0), 'events').click[0].handler;

// removo o handler atual e adiciono novamente, só que dessa vez com o selector apropriado e com on
form.undelegate('input', 'click', handler).find('input:not(:checkbox)').on('click', handler);