JSFiddle - React, Tailwind, and code Playground

by shijukbabu

HTML

<div class="control-group">
	<label class="control-label">Please choose delimiter:</label>
	<div class="controls">
		<input type="radio" name="delmiter" id="," value="," />&nbsp;Comma(,)
		<input type="radio" name="delmiter" id="|" value="|" />&nbsp;Pipe
							Delimiter(|)
		<input type="radio" name="delmiter" id="custom" value="custom"       />&nbsp;Custom(Specify)
	</div>
</div>
<div id="specify" class="control-group">
     <label class="control-label" for="delimiter">Please provide
					the delimiter:</label>
	 <div class="controls spec">
			<input id="customdelimiter" class="inputstyle" type="text"      name="delimiter" placeholder="Specify Delimiter"/>
	 </div>
</div>

JavaScript

$(document).ready(function() {
		$('input[type=radio]').change(function() {
			alert($(this).val());
			$('#customdelimiter').val($(this).val());
			if($(this).val() == "custom")
				{
				$('#customdelimiter').val('');
				//$('#specify').slideDown("slow");
				}
			else {
				$('#customdelimiter').val('');
				//$('#specify').slideUp("slow");
			}
		});
	});