JSFiddle - React, Tailwind, and code Playground

HTML

<form name="fwrite" id="fwrite" method="get">
<input type="text" name="text1" id="text1" class="reset1" />
<input type="text" name="text2" id="text2" class="reset1" />
<input type="text" name="text3" id="text3" />
<input type="text" name="text4" id="text4" />
<input type="text" name="text5" id="text5" />
<input type="checkbox" name="checkbox1" id="checkbox1" class="reset1" />
<input type="radio" name="radio1" id="" value="1" class="reset1" />
<input type="radio" name="radio1" id="" value="2" class="reset1" />
<input type="button" name="resetbutton1" id="resetbutton1" value="reset" />
</form>

JavaScript

$(document).ready(function(){  
	$('#resetbutton1').click(function(){
		$('#fwrite').find('.reset1').each(function(i){
			$type = $(this).attr('type');
			if($type == 'text') $(this).val('');
			if($type == 'checkbox' || $type == 'radio') $(this).attr('checked', false);
		});  
	});  
 });