JSFiddle - React, Tailwind, and code Playground

by Yubraj Pokharel

HTML

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.7.0/chosen.jquery.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.7.0/chosen.css">
<input type="text" id="splaSolto" />

<div class="clear">
		<input type="radio"  name="linkOrDelink" value="true"/><span>Link</span>&nbsp;&nbsp;&nbsp;&nbsp;
		<input type="radio"  name="linkOrDelink" value="false"/><span>Delink</span>
        <br>
		<a id="linkOrDelinkLink" href="#">Link/Delink</a>
	</div>

JavaScript

function changeLinkOrDelinkLink(){
    var soldToVal = $('#splaSolto').val();
    var linkOrDelinkLink = $('#linkOrDelinkLink');
    if(soldToVal && soldToVal != "splaSoldtoDefaultText"){
        $('input:radio[name=linkOrDelink]').click(function(){
            var defaultVal = $(this).val();
            if(defaultVal == "true"){
                linkOrDelinkLink.attr("href","javascript:linkOrDelinkUsersToGLM(true, "+soldToVal+")");
                linkOrDelinkLink.text("Link");
            }else{
                linkOrDelinkLink.attr("href","javascript:linkOrDelinkUsersToGLM(false, "+soldToVal+")");
                linkOrDelinkLink.text("Delink");
            }
        });
    }else{
        linkOrDelinkLink.attr("href","#");
        linkOrDelinkLink.text("Link/Delink");
        $('input:radio[name=linkOrDelink]:checked').prop('checked', false);
        //soldToVal = "";
    }
}

	$('input:radio[name=linkOrDelink]').click(function(){
	    changeLinkOrDelinkLink();
	  });


$("#splaSolto").keyup(function() {
				$('#linkOrDelinkLink').attr("href","#");
        $('#linkOrDelinkLink').text("Link/Delink");
        $('input:radio[name=linkOrDelink]:checked').prop('checked', false);
        changeLinkOrDelinkLink();
});

    
    
$('#splaSolto').blur(function() {
        if (!$('#splaSolto').val()) {
          
        }else{
            changeLinkOrDelinkLink();
        }        
});