当前位置: 代码迷 >> Web前端 >> 选择器跟过滤器的区别
  详细解决方案

选择器跟过滤器的区别

热度:64   发布时间:2012-12-06 11:25:46.0
选择器和过滤器的区别
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
		<script type="text/javascript" src="lib/jquery/jquery-1.4.2.js"></script>
        <script type="text/javascript">
            $(function(){
            
                $("tr:first").addClass("oddtd");
                
                $("tr td").css("background", "#ff9");
                
                $(".allcheck").click(function(){
                
                    if (this.checked) {
                    
                        $("input[type=checkbox]").attr("checked", true);
                        
                    }
                    
                    else {
                    
                        $("input[type=checkbox]").attr("checked", false);
                        
                    }
                    
                });
                
                $(".btn").click(function(){
                
                    var inputL = $("input:checked:not('.allcheck')").length;
                    
                    if (inputL != 0) {
                    
                     $("tr:has(input:checked)").remove();
                        
                    }
                    
                })
            })
            
            
        </script>
    </head>
    <body>
        <table width="800" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="63">
                    选项
                </td>
                <td width="302">
                    项目名称
                </td>
                <td width="143">
                    缩略图
                </td>
                <td width="141">
                    完成时间
                </td>
                <td width="151">
                    负责人
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" value="0"/>
                </td>
                <td>
                    广州讯信科技有限公司
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    2011-4-12
                </td>
                <td>
                    张三
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" value="1"/>
                </td>
                <td>
                    深圳和田服装
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    2011-4-12
                </td>
                <td>
                    李四
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" value="2" />
                </td>
                <td>
                    广州腾讯
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    2011-4-12
                </td>
                <td>
                    王王
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="input3" class="allcheck" />全选
                </td>
                <td>
                    <input type="submit" name="button" id="button" class="btn" value="删除" />
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
        </table>
    </body>
</html>
  相关解决方案