Question

I’m wondering if I can fire off both of these events together :

$("input[type=checkbox]").click(function(){
   if($(this).is(":checked"))
   {
       //Value of checkbox
       alert(this.value);
   }
});

and

$("input[type= 'text']").keyup(function(){
   alert(this.value);
});

I looked into .bind, but that seems to only work for one selected elements (i.e. $(p).bind("mouseout mouseenter).doSomething()).

The situation I am running into is that I have a function that needs to fire anytime either one of these things occur.

Answer 1

Two ways you can achieve this as shown below:

1. using “on” method:

   $(document).on('keyup click',"input[type=checkbox],input[type='text']", function(){
      // Do stuff here..
   })
   

2. Call function after the event.

   $("input[type=checkbox]").click(doSomething);
   $("input[type= 'text']").keyup(doSomething);
   
   function doSomething() {
   
   }