[英]Generated Radio Button Tab
我似乎無法讓單選按鈕在下表中進行導航。 該表本身甚至不使用選項卡按鈕選擇,但是頁面上的所有其他元素都可以選擇。 單選按鈕和表格行是通過循環生成的。 有沒有一種方法可以讓選項卡按鈕選擇表格,然后在單選按鈕之間導航? 如果您需要更多信息,請告訴我。
網頁:
<%-- Loop through all managers and write the radio button options --%>
<%int managerIndex = 1; %>
<%foreach (Manager manager in Managers) %>
<%{ %>
<%string responseValue = x;%>
<td>
<table id='RadioButtonList<%=managerIndex %>' border="0" style="height:25px">
<%=HtmlHelper.GetRadioButtonGroupHtml("Radio" + managerIndex, item.SurveyQuestionID, manager.ManagerID, manager.ManagerRoleID, rowClass, "radioList1", responseValue)%>
</table>
</td>
<%managerIndex++; %>
<%} %>
</tr>
代碼隱藏:
StringBuilder html = new StringBuilder();
html.Append("<tr>");
// create a hidden blank value that is checked by default
html.Append(String.Format("<td style=\"display:none\"><input id=\"{0}\" type=\"radio\" name=\"ctl_QID{1}_MID{2}\" value=\"{3}\" checked/><label for=\"{4}\"></label></td>", id + 0, questionId, managerId, "", group));
// create the radio buttons for the values of 1-5
for (int i = 1; i <= 5; i++)
{
// set the button to 'checked' if the response value matches
if (i.ToString() == responseValue)
html.Append(String.Format("<td style=\"width:30px\"><input id=\"{0}\" type=\"radio\" name=\"ctl_QID{1}_MID{2}\" value=\"{3}\" checked/><label for=\"{4}\"></label></td>", id + i, questionId, managerId, i, group));
else
html.Append(String.Format("<td style=\"width:30px\"><input id=\"{0}\" type=\"radio\" name=\"ctl_QID{1}_MID{2}\" value=\"{3}\" /><label for=\"{4}\"></label></td>", id + i, questionId, managerId, i, group));
}
// create the N/R radio button and set it to 'checked' if necessary
if (responseValue == "NA")
html.Append(String.Format("<td style=\"width:30px; background-color: #798d8f; text-align: center;\"><input id=\"{0}\" type=\"radio\" name=\"ctl_QID{1}_MID{2}\" value=\"{3}\" checked/><label for=\"{4}\"></label></td>", id + 6, questionId, managerId, "NA", group));
else
html.Append(String.Format("<td style=\"width:30px; background-color: #798d8f; text-align: center;\"><input id=\"{0}\" type=\"radio\" name=\"ctl_QID{1}_MID{2}\" value=\"{3}\" /><label for=\"{4}\"></label></td>", id + 6, questionId, managerId, "NA", group));
// append the closing <tr> tag
html.Append("</tr>");
return html.ToString();
您可以將tabindex屬性tabindex="0"
到輸入單選元素。 使用Tab鍵將重點關注它們(按照它們在源中的順序)。
0索引是一個特殊索引。 從MDN:
tabindex =“ 0”表示該元素在順序鍵盤導航中應該是可聚焦的,但是其順序由文檔的源順序定義。
如果您也喜歡,可以通過更改索引值來使用其他順序。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.