LABEL не работает в IE11 с <TR>, необходимо выбрать радиокнопку при щелчке строки в любом месте

Question

, используя нижеприведенный фрагмент кода внутри таблицы, который выбирает радиоприемник по щелчку строки. Он работает до IE9, но этот кусок кода не работает в IE10 и выше или хром. Может ли кто-нибудь предложить, если они столкнулись с подобной проблемой? Любое предложение, которое предполагает небольшую модификацию, будет полезно.

<LABEL FOR="radio<%=k%>" align="top"> 
<TR BGCOLOR="#<%=rowColor%>"> 
    <TD WIDTH="25" VALIGN="top"><INPUT TYPE="RADIO" NAME="xyz" 
     <%=checked%> ID="radio<%=k%>" VALUE="<%=value%>"></TD> 
    <TD WIDTH="120" VALIGN="top"><%=value%></TD> 
    <TD WIDTH="145" VALIGN="top"><%=value%> 
    <%=value%></TD> 
    <TD WIDTH="135" VALIGN="top"><%=value%> 
    <%=value%></TD> 
    <TD WIDTH="50" VALIGN="top"><%=value%></TD> 
    <TD WIDTH="*" VALIGN="top"><%=value%> 
    </TD> 
</TR> 
</LABEL> 

Answer 1

Вы не можете заключить отдельный tr в отдельном label. Попробуйте выполнить некоторые сценарии.

function toggle_row(e, row_id) { 
 
    e = e || window.event; //get event 
 
    var el = e.srcElement || e.target; //get the right html element, on which user clicked 
 
    var input = document.getElementById(row_id);//get the checkbox for the row clicked 
 
    if (el != input) //checkbox was not clicked 
 
    input.checked = !input.checked; //flip the checkbox selection 
 
}

tr { 
 
    cursor: pointer; 
 
}

<table> 
 
    <tr onclick="toggle_row(event,'row_1')"> 
 
    <td> 
 
     <input type="checkbox" id="row_1" /> 
 
    </td> 
 
    <td>Foo</td> 
 
    <td>Bar</td> 
 
    </tr> 
 
    <tr onclick="toggle_row(event,'row_2')"> 
 
    <td> 
 
     <input type="checkbox" id="row_2" /> 
 
    </td> 
 
    <td>Foo</td> 
 
    <td>Bar</td> 
 
    </tr> 
 
    <tr onclick="toggle_row(event,'row_3')"> 
 
    <td> 
 
     <input type="checkbox" id="row_3" /> 
 
    </td> 
 
    <td>Foo</td> 
 
    <td>Bar</td> 
 
    </tr> 
 
</table>