如何在Razor中实现带文本图片的无勾选标记类复选框布局

我想要创建如下布局：用户可从列表中选择一个或多个项目。当前我已通过自定义逻辑实现该功能，但更希望将这些项目改为样式特殊的复选框——无勾选标记，选中时更改背景色，且复选框内包含文本和图片。

以下是我当前使用的Razor代码片段：

<table class="itemBackgrond centered" id="@elem.CategoryId"> @*give it id as cat name*@
    <tr>
        <td>
            <p>
                @elem.Title
            </p>
            <input style="display: none;" type="text" value="" name="selectedIdentifier"  class="@elem.CategoryId" /> @
        </td>
    </tr>
    <tr>
        <td>
            <img class="imgSmall" src="@elem.ImageSource" />
        </td>
    </tr>
</table>

我有几个疑问：

• 该需求是否可实现？或是应采用其他方案？
• 如何依托Material框架创建此类多选列表，无需自行编写全部逻辑？

内容的提问来源于stack exchange，提问作者inno