jQuery条件付きでonlick属性とonserverclick属性を追加/削除します

Question

私はC＃プロジェクトに取り組んでいます。

私はアンカータグを持っており、いくつかの条件に基づいてonlick属性とonserverclick属性を追加/削除したいと思います。

デザイン： -

<a class="btnSelected" href="#" name="Platinum" onclick="if (!confirm('Are you sure you want to change the plan?')) return false;" onserverclick="UpdatePackage_Click" runat="server">upgrade</a> 

のjQuery： -

if ($("#" + '<%= hdnPackType.ClientID %>').val() != $("#" + '<%= hdnOrigionalPackType.ClientID %>').val()) {   
     $('a.btnSelected').html('select').attr("onclick", "if (!confirm('Are you sure you want to change the plan?')) return false;"); 
     } 
     else { 
      $('a.btnSelected').html('<i class="fa fa-check mr-10"></i>selected').removeAttr('onclick').removeAttr('href'); 
     } 

Answer 1

データ属性を使用するには、あなたの必要性です。私はあなたのための模範を作った。

<div class="row text-center"> 
<div class="col-md-4"> 
    plan 1 
    <button class="btn btn-info btnSelect" data-plan="1">select</button> 
</div> 
<div class="col-md-4"> 
    plan 2 
    <button class="btn btn-info btnSelect" data-plan="2">select</button> 
</div> 
<div class="col-md-4"> 
    plan 3 
    <button class="btn btn-info btnSelect" data-plan="3">select</button> 
</div> 

$(".btnSelect").on("click", function() { 
    $(".btnSelect").removeClass("btn-success"); 
    $(this).addClass("selected").addClass("btn-success").removeClass("btn-info"); 
    $("#result").text("Plan " + $(this).attr("data-plan") + " selected"); 
}); 

codepen demo