[JQuery] IE 8에서 CheckBox 요소가 인식되지 않는 문제

IE 8 에서 CheckBox Select를 하려 할때 아이디 "#id"로는 접근이 되지가 않았습니다.

(IE 10 에서는 문제없었습니다.)

 

검색을 하다 보니 아래와 같이 input 으로 선택하여 검색하면 선택이 되었습니다.

 

 

<table border ="1" cellpadding="2" cellspacing="0" width="100%" >

<tr Height="20px">

<td class="contentTd" align="center"></td>

<td class="contentTd" align="center"></td>

<td class="contentTd" align="center"></td>

<td class="contentTd" align="center"></td>

<td class="contentTd" align="center"></td>

<td class="contentTd" align="center"></td>

<td class="contentTd" align="center"></td>

<td class="contentTd" align="center"><input type="checkbox" id="chkheader" /></td>

</tr>

<% foreach (var item in Model)

{ %>

<tr height="15px">

<td align="center" style="border-color:Black"><%= item.USERINFO_ID%></td>

<td align="center" style="border-color:Black" ><%= item.ALL_TABLE_COUNT%></td>

<td align="center" style="border-color:Black"><%= item.TODAY_TABLE_COUNT%></td>

<td align="center" style="border-color:Black"><%= item.ALL_ASSIGN_USE_COUNT%></td>

<td align="center" style="border-color:Black"><%= item.TODAY_ASSIGN_USE_COUNT%></td>

<td align="center" style="border-color:Black"><%= item.ALL_ASSIGN_NOTUSE_COUNT%></td>

<td align="center" style="border-color:Black"><%= item.TODAY_ASSIGN_NOTUSE_COUNT%></td>

<td align="center" id="tdchk" style="border-color:Black">

<input type="checkbox" id="chkUserID" value= "<%= item.USERINFO_ID %>"/>

</td>

</tr>

<% } %>

</table>

 

 

 

$("#chkheader").click( function () {

if($("#chkheader").is(":checked"))

{

$("#tblUserTargetList input:not(checked)").each(function() {

$(this).attr("checked",true);

});

}

else

{

$("#tblUserTargetList input:checked").each(function() {

$(this).attr("checked",false);

});

}

});