Link magic with Jquery

by Yubraj Pokharel

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<input type="radio" name="linkOrDelink" value="false" checked="checked"> Delink
<input type="radio" name="linkOrDelink" value="true" > Link
<br>
<a id="linkOrDelinkLink" href="http://google.com" >Link all active users to the Hosted Licensing Dashboard</a>

JavaScript

var linkOrDelinkLink = $('#linkOrDelinkLink');
var radioLink = $('input:radio[name=linkOrDelink]');
radioLink.click(function(){
	var linkOrDelinkVal = $(this).val();
  console.log($('input:radio[name=linkOrDelink]').val());
  console.log("asf "+linkOrDelinkVal);
  if(linkOrDelinkVal == "true"){
  	linkOrDelinkLink.attr("href","javascript:func1(true)");
    linkOrDelinkLink.text("DeLink all active users to the Hosted Licensing Dashboard");
    linkOrDelinkLink.unbind('click');
  }else{
  	linkOrDelinkLink.attr("href","javascript:func1(false)");
    linkOrDelinkLink.text("Link all active users to the Hosted Licensing Dashboard");
    linkOrDelinkLink.unbind('click');
  }
});

if($('input:radio[name=linkOrDelink]').val() == "false"){
alert("I am default");
}


function func1(val){
	alert(val);
}