html 표의 확인란 선택하기

Question

다음과 같이 표를 만들었습니다. 스크립트 태그

:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#addSelected").live("click", function(e) { 
       alert("Entered"); 
       $('#LstDocTemp tr').each(function() { 
        alert($('.chk').is('checked')); 
        if ($('.chk').is('checked')) { 
         alert("Clicked"); 
        } 
       }); 
     }); 
    }); 
</script> 

html로 부분 : 스크립트의

<div class="grid_top_button"> 
    <div class="left_top_curve"> 
     &nbsp; 
    </div> 

    <div class="right_top_curve"> 
     &nbsp; 
    </div><input type="button" id="addSelected" name="addSelected" class="section_btn" 
    value="Link" /> 
    </div> 

    <table id="LstDocTemp" border="0" cellpadding="0" cellspacing="0" class= 
    "instruction_grid"> 
    <tr> 
     <th align="left" class="ins_sl_no">Sl No.</th> 

     <th align="left" class="selct_column"><input type="checkbox" id="chkSelectAll" 
     name="chkSelectAll" /></th> 

     <th align="left" class="doc_title_1">Document title</th> 

     <th align="left" class="description">Description</th> 

     <th align="center" class="revision">Revision</th> 

     <th align="left" class="part_no">Parts name</th> 

     <th align="center" class="issue_no">Issue</th> 

     <th align="center">Link</th> 
    </tr><% int slNo = 1; %><%foreach (var item in Model) 
           { %> 

    <tr id="<%= Html.Encode(item.DocId) %>"> 
     <td><%= slNo %></td> 

     <td><input type="checkbox" name="chkItem" class="chk" id= 
     "chkbox_&lt;%=Html.Encode(item.DocId) %&gt;" /></td> 

     <td><%= Html.Hidden("DocTitle", item.DocTitle)%> <a href= 
     '%3C%=%20Url.Action("DetailsDocumentTemplate",%20"Document",%20new%20{%20id%20=%20item.DocId%20})%%3E'> 
     <%=Html.Encode(item.DocTitle) %></a></td> 

     <td><%= Html.Hidden("DocDesc", item.DocDesc)%><%= Html.Encode(item.DocDesc) %></td> 

     <td class="dark_highlight"> 
     <%= Html.Hidden("DocRevision", item.DocRevision)%><%= Html.Encode(item.DocRevision) %></td> 

     <td> 
     <%= Html.Hidden("PartListId", item.PartListId)%><%= Html.Hidden("PartNo", item.PartNo)%><%= Html.Encode(item.PartNo) %></td> 

     <td class="light_highlight"> 
     <%= Html.Hidden("IssueNo", item.IssueNo)%><%=Html.Encode(item.IssueNo) %></td> 

     <td><%= Html.Hidden("DocId", item.DocId)%><a class="icon_add" title= 
     "Add">Add</a></td> 
    </tr><%slNo++; 
           } %> 
    </table> 

alert($('.chk').is('checked'));는 항상 false를 반환한다. 해당 확인란을 선택하여 선택한 모든 행에 대해 업데이트 작업을 수행해야합니다.

Answer 1

$ ('.chk')가 그리드의 모든 체크 박스를 반환한다고 생각합니다. (! 안된)

당신처럼이 somehting하고 싶지 :

는

$('#LstDocTemp tr').each(function() {   
    alert($(this).children('.chk').is('checked'));     
if ($(this).children('.chk').is('checked')) {      
alert("Clicked");     
}    

})