Untitled

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>

<body>
<a onclick="paid(123);" class="no" id="123"></a>
<a onclick="paid(124);" class="yes" id="124"></a>
<a onclick="paid(125);" class="no" id="125"></a>
</body>
</html>

<script type="text/javascript">
function paid(currentId) {

if (document.getElementById(currentId).hasClass("no")) {
    document.getElementById(currentId).removeClass( 'no' );
    document.getElementById(currentId).addClass( 'yes' );
}

else if (document.getElementById(currentId).hasClass("yes")) {
    document.getElementById(currentId).removeClass( 'yes' );
    document.getElementById(currentId).addClass( 'no' );
}

}
</script>

function paid(currentId) {

// Select the element using jQuery
var $elem = $("#"+currentId);

if ($elem.hasClass("no")) {
    $elem.removeClass( 'no' );
    $elem.addClass( 'yes' );
}

else if ($elem.hasClass("yes")) {
    $elem.removeClass( 'yes' );
    $elem.addClass( 'no' );
}

}

$("a").on("click", function() {
    if ($(this).hasClass("no")) {
        $(this).removeClass( 'no' );
        $(this).addClass( 'yes' );
    }

    else if ($(this).hasClass("yes")) {
        $(this).removeClass( 'yes' );
        $(this).addClass( 'no' );
    }
});

jQuery(document).ready(function(){
    jQuery('a').click(function(){
        jQuery(this).toggleClass('yes');
        jQuery(this).toggleClass('no');
    })
})

<a onclick="paid(this);" class="no" id="123">Link1</a>
<a onclick="paid(this);" class="yes" id="124">Link1</a>
<a onclick="paid(this);" class="no" id="125">Link1</a>

function paid(current) {
   if(current.className == "no") {
      current.className = 'yes';
   } else if(current.className == "yes") {
      current.className = 'no';
   }
}