仅当直接单击 object 时才发生单击事件

Question

In the example below how to write console only if .bradio is clicked, and not button
ie on button click bradio.eq(1) should be checked, but without console writing

 $('.bradio').on('change', function(){ console.log('onchange'); }); $('button').on('click', function(){ $('.bradio').eq(1).click(); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type='radio' class='bradio' name='bradio' value='pub' title='PUBLIC'> <input type='radio' class='bradio' name='bradio' value='priv' title='PRIVATE'> <br> <button>CLICK</button>

Answer 1

To select an element without manually creating a click event, set its checked property:

 $('.bradio').on('change', function() { console.log('onchange'); }); $('button').on('click', function() { $('.bradio').eq(1).prop('checked', true); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="radio" class="bradio" name="bradio" value="pub" title="PUBLIC"> <input type="radio" class="bradio" name="bradio" value="priv" title="PRIVATE"> <br> <button>CLICK</button>