Wie man ein Bild in eine Schaltfläche in JS legt oder wie man eine Bildschaltfläche deaktiviert, wenn die Bedingung erfüllt ist?

Question

Ich habe diesen Code in meinem jqGrid eine Schaltfläche in einem Raster

erstellen

afterInsertRow: function (rowid) { 
      var obj = jQuery("#FiTATimeCorrectionV2List").getRowData(rowid); 
      var FADTLSID = obj.FitaAssignDtlID; 
      if (FADTLSID !== undefined) { 
       if (FADTLSID !== "") { 
        var btnApprove = "<img alt='' src='../../Content/Images/newimages/check.png' style='height:20px;width:20px;' style ='width: 90px' id='btnApprove" + rowid + "' onclick='clickmeapproved(" + rowid + ")' />" 
        var btnDisApprove = "<img alt='' src='../../Content/Images/newimages/delete.png' style='height:20px;width:20px;' style ='width: 90px' id='btnApprove" + rowid + "' onclick='clickmedisapproved(" + rowid + ")' />" 
        jQuery("#FiTATimeCorrectionV2List").setRowData(rowid, { FitaCorForApproval: btnApprove }); 
        jQuery("#FiTATimeCorrectionV2List").setRowData(rowid, { FitaCorForDisApproval: btnDisApprove }); 
        var temp = obj.FitaStatus;       
        if (temp == "Approved") { 
         $("#btnApprove" + rowid).attr("disabled", true);       
         $("#btnDisApprove" + rowid).attr("disabled", true); 
        } else { 
         $("#btnApprove" + rowid).attr("disabled", false); 
         $("#btnDisApprove" + rowid).attr("disabled", false); 
        } 
       } 
      } 
     }, 

Diese Art von Code ist im Bildformat jedoch der Code für disable nicht funktioniert, wenn ich <input type = 'button' Ändern Sie den Code und die arbeitet Bild verschwindet. Ich möchte nur eine Bildschaltfläche erstellen, die, wenn eine Bedingung erfüllt wurde, die Bildschaltfläche deaktiviert ist. Was ich will, ist nach dem Laden der Daten die Bild-Taste/s wird disabled oder enabled sein, wenn die Bedingung erfüllt ist. Als Code oben, wenn die StatusApproved oder Disapproved ist, möchte ich alle Bildschaltfläche/n deaktivieren.

Answer 1

Verwenden Sie die .prop Methode von jQuery.

$("button:eq(0)").attr("disabled", false); 
 
$("button:eq(1)").attr("disabled", true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button>1. button</button> 
 
<button>2. button</button>