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

별도의 label 내에서 별도의 tr를 동봉 수 없습니다. 이것을 달성하기위한 스크립트를 사용해보십시오. 그것은 나를 위해 일한 약간의 수정과

는

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>