For Each ループを使用して次のセルの img src をループし、別の値 (x) に基づいてそれぞれのセルの src を設定したい場合、コードで img src 属性を明示的に参照できますか、それとも埋め込む方がよいですかコントロール内のテーブルはさらに階層を上ります。それとも、これはJavaScriptを使用したクライアント側でより適切に処理されるでしょうか? 以下のように x の値をチェックする基本的な関数を書きました。私は正しい線にいますか?
Public Function GetCheckbox(ByVal x As Integer) As String
Dim checkboxSrc As String = String.Empty
Dim checked As String = "~/graphics/checkbox-checked.jpg"
Dim unchecked As String = "~/graphics/checkbox-unchecked.jpg"
If x = 1 Then
checkboxSrc = checked
ElseIf x = 0 Then
checkboxSrc = unchecked
End If
Return checkboxSrc
End Function
<table id="tblHolisticConcerns" runat="server" border="2" >
<tr id="trPracticalConcerns2" runat="server">
<td style="width:20%; height:25px; vertical-align:middle"><img id="img2" alt="Holistic Checkbox" runat="server" src="" style="width:16px; height:16px" /> Child Care<asp:Literal ID="litChildCare" runat="server"></asp:Literal></td>
<td style="width:20%; height:25px; vertical-align:middle"><img id="img3" alt="Holistic Checkbox" runat="server" src="" style="width:16px; height:16px" /> Communication<asp:Literal ID="litCommunication" runat="server"></asp:Literal></td>
<td style="width:20%; height:25px; vertical-align:middle"><img id="img4" alt="Holistic Checkbox" runat="server" src="" style="width:16px; height:16px" /> Household Tasks<asp:Literal ID="litHouseholdTasks" runat="server"></asp:Literal></td>
<td style="width:20%; height:25px; vertical-align:middle"><img id="img5" alt="Holistic Checkbox" runat="server" src="" style="width:16px; height:16px" /> Housing<asp:Literal ID="litHousing" runat="server"></asp:Literal></td>
<td style="width:20%; height:25px; vertical-align:middle"><img id="img6" alt="Holistic Checkbox" runat="server" src="" style="width:16px; height:16px" /> Insurance<asp:Literal ID="litInsurance" runat="server"></asp:Literal></td>
</tr>
</table>