Disable a lit item based on a condition.

Disable a lit item based on a condition.

I am looking for a way that I can disable two list items, based on the class that is in the table, currently, I have two icons showing based on a number value. Is there a way that I can disable the Edit and Recordings list item.


 @if (t.IsLocked == 1) { <span class="glyphicon glyphicon-lock"></span> } else { <span class="glyphicons glyphicons-unlock"></span> }
<td class="updateTableRow text-center"> <div class="dropdownContainer btn-group text-right"> <button id="@actionWorkId" type="button" class="btn btn-primary br2 btn-xs fs12 dropdown-toggle songmanagement-btn" data-toggle="dropdown" aria-expanded="false"> Action <span class="caret ml5"></span> </button> <ul class="dropdown-menu dropdown-menu-right" role="menu"> <li> <a href="@Url.Action("Recordings", "ArtistAccount", new { accountcode = fullAccountCode, songcode = t.SongId })" id="@recordingWorkId" data-container="body" data-rowhover="editTableRow" class="js_Recordings">Recordings</a> </li> <li> <a href='@Url.Action("EditSong", "ArtistAccount", new { songcode = t.SongId, accountcode = fullAccountCode, page = Model.PagingInfo.Page, take = Model.PagingInfo.Take, sortBy = Model.PagingInfo.SortPropertyName, sortAsc = Model.PagingInfo.SortAscending })' id="@editWorkId" data-container="body" data-rowhover="editTableRow" class="js_EditSong">Edit</a> </li> <li> <a href="#" id="@deleteWorkId" data-container="body" data-toggle="tooltip" title="Delete" data-rowhover="deleteTableRow" class="js_DeleteSong">Delete</a> </li> <li> <a href="@Url.Action("TuneCodes", "ArtistAccount", new { accountCode = fullAccountCode, workCode = t.SongId, })" id="@tuneCodeId" data-container="body" data-toggle="tooltip" title="Tune Codes" data-rowhover="editTableRow">Tune Codes</a> </li> </ul> </div> </td> </tr>