javascript - oninput does not fire on checkboxes? - Stack Overflow

admin管理员组

文章数量:1291144

The following code does not work on all input elements:

$(':input').on('input', function(){
  alert('boom shakalaka');
});

It has no effect on check-boxes even though they are input elements, and checking or unchecking changes its state.

I can add the change event too inside on() but then the same event will be fired twice on other input fields.

Is there any reliable input state-change event that is consistent for all form elements?

The following code does not work on all input elements:

$(':input').on('input', function(){
  alert('boom shakalaka');
});

It has no effect on check-boxes even though they are input elements, and checking or unchecking changes its state.

I can add the change event too inside on() but then the same event will be fired twice on other input fields.

Is there any reliable input state-change event that is consistent for all form elements?

• javascript
• jquery
• forms
• input
• jquery-events

Share Improve this question Follow edited Sep 5, 2019 at 15:34 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Jul 29, 2014 at 17:24 thelolcatthelolcat 11.6k2222 gold badges6565 silver badges106106 bronze badges 7

• It will not fire twice if you will add change to on method – antyrat Commented Jul 29, 2014 at 17:25
• it does, i tested it. for eg. on selects... did you mean "input change" or just "change" ? I cannot use change only bc the event handler has to run for text fields too – thelolcat Commented Jul 29, 2014 at 17:26
• .on('input change', function () {}) – emerson.marini Commented Jul 29, 2014 at 17:29
• 1 Works only once for me: jsfiddle/84vK7 – antyrat Commented Jul 29, 2014 at 17:30
• @antyrat it triggers twice for the textbox – Saksham Commented Jul 29, 2014 at 17:33

 |  Show 2 more ments

3 Answers 3

Sorted by: Reset to default 6

There is no single event that would be authoritative, but you can bind to multiple events -

$(':input').on('change keyup input', function() {
    console.log('changed');
});

P.S. I wanted to give you a +1 for using 'boom shakalaka' in an example, but I digress.

    <!--Why not just use onclick ?-->
    <!--Ur-->
    <script>
    $('input#checkbox').on('click', function(){
      alert('boom shakalaka');
    });
    </script>
    <input type="checkbox" id="checkbox">
    <!--Or-->
    <input type="checkbox" onclick="anyfunction();">

I'm not sure if what you want but maybe a simple blur event?

$('input').on('blur',function(e){
      alert('event');
    });

本文标签： javascriptoninput does not fire on checkboxesStack Overflow