LABEL ne fonctionne pas dans IE11 avec <TR>, besoin de sélectionner le bouton radio sur un clic de la ligne n'importe où

Question

en utilisant le morceau de code ci-dessous dans un tableau qui sélectionne la radio sur un clic de la ligne. Cela fonctionne jusqu'à IE9 mais ce morceau de code ne fonctionne pas dans IE10 et au-dessus ou chrome. Quelqu'un peut-il suggérer s'ils ont fait face au même problème? Toute suggestion nécessitant peu de modifications sera utile.

<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

Vous ne pouvez pas enfermer tr séparée dans un label séparé. Essayez un script pour y parvenir.

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>