复选框，HTML5表现不一致-Checkboxes,HTML5notbehavingconsistently

Using: APS.NET MVC 4.0

使用：APS.NET MVC 4.0

I am using Javascript/jquery to check and uncheck check boxes in a table. The code works fine the first two times through. First pass it checks all the check boxes. The second pass it unchecks all the check boxes. Following is the markup and Javascript.

我使用Javascript / jquery来检查和取消选中表格中的复选框。代码在前两次正常工作。首先它检查所有复选框。第二遍它取消选中所有复选框。以下是标记和Javascript。

    
    
    

    
    


    

        

            

                

                    
                
                
Name:
                
Description:
                
Email Address
            
        
        

            

                

                    

                        
                    
                
                

                    
Jim G
                
                

                    
On Awesome Architect
                
                

                    
jim@email.address
                

            
            

                

                    

                        
                    
                
                

                    
Dale B
                
                

                    
A Super Cheif
                
                

                    
dale@email.address
                

            
            

                

                    

                        
                    
                
                

                    
Oscar H
                
                

                    
Selling ice cube to the eskimos
                
                

                    
oscar@email.address
                

            
            

                

                    

                        
                    
                
                

                    
Crystal S
                
                

                    
All together fabulous
                
                

                    
crystal@email.address
                

            
        
    
    

I have tried and tried, but I cannot find any issues with the markup or the Javascript.

我已经尝试过，但是我找不到标记或Javascript的任何问题。

Do any of you have any idea as to why this would behave this way?

你们有没有想过为什么会这样做？

Thank you in advance, Jim

吉姆，提前谢谢你

1 个解决方案

$(document).ready(function () {
    $('#selectall').click(function () {

        var checked = $('[id="selectall"]:checked').length;

        if (checked) {
            // select all
            $('tbody input[type="checkbox"]').prop('checked', true);
        }
        else {
            $('tbody input[type="checkbox"]').prop('checked', false);
        }

        alert($('tbody input:checked').length);
    });
});