JSFiddle - React, Tailwind, and code Playground

HTML

<p><select></select></p>
<p><input type="checkbox" name="" value=""></p>
<p><input type="radio" name="" value=""></p>
<p><input type="text" name="" value=""></p>
<p><button>test</button></p>

JavaScript

var select = $('select');
var check = $('input[type=checkbox]');
var radio = $('input[type=radio]');
var text = $('input[type=text]');

select.on('click' ,function(evt,FLAG){ console.log('select::click' ,FLAG); });
check.on( 'click' ,function(evt,FLAG){ console.log('check::click'  ,FLAG); });
radio.on( 'click' ,function(evt,FLAG){ console.log('radio::click'  ,FLAG); });
text.on(  'click' ,function(evt,FLAG){ console.log('text::click'   ,FLAG); });

$('button').on('click',function(){
	select.trigger('click',['asdf']);
	check.trigger( 'click',['asdf']);
	radio.trigger( 'click',['asdf']);
	text.trigger(  'click',['asdf']);
});