本帖最后由 o0cheer0o 于 2011-04-19 12:17:05 编辑

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style>
    .dstribution li{ float:left;list-style-type:none;}
    .apnr_cont{ border:1px solid #99C; height:auto; float:left;}
    .apnr_cont li{line-height:23px; float:left; line-height:23px;list-style-type:none;}
    </style>
    </head>
    <body>
    <form id="frm">            <ul class="dstribution">
                     <li><input type="text" value="ASFASD" disabled="disabled" class="c_b hkcp"/></li>
                     <li><input type="text" class="hkcp" disabled="disabled" value="CA/CX/KA/XY"/></li>
                     <li class="date"><input type="text" disabled="disabled" class="date_txt" value="2011-02-02&nbsp;12:30"/></li>
                     <li class="date"><input type="text" disabled="disabled" class="date_txt" value="2011-02-02&nbsp;12:30"/></li>
                 </ul>
                 <div style="clear:both;"><br /><br /></div>
    <!--需要单独控制的ul部分-->
                 <ul class="apnr_cont" name="diff" id="diff">
                     <li><select disabled="disabled"><option>MR</option><option>MS</option></select></li>
                    <li><input type="text" disabled="disabled" value="shangguan" /></li>
                    <li><input type="text" value="zhuangzhuang"  disabled="disabled" /></li>             
                    <li><input type="text" disabled="disabled" value="1990-10-10" /></li>
                    <li><select disabled="disabled"><option>1*15KG</option></select></li>
                    <li class="xgtj"><input type="button" class="btn mar" value="单行修改" onclick="changeRow();" />                  
                 </ul>             
                 <br /><br /><br />
    <input type="button" class="btn mar" value="总体修改" onclick="change_pnr(this)">
    </form><script>
    //总体修改方法
    function change_pnr(el) {
        var f = document.getElementById('frm').getElementsByTagName('ul')[0].getElementsByTagName('input');
        for (var i = 0; i < f.length; i++)
        {
            if (f[i].disabled)
            {
                f[i].disabled = false;
                //如何不对diff里面的东西起作用呢?
    }
        }
    }
    //单行修改????????????~~~~(>_<)~~~~ 
    function changeRow() {
    var f = document.getElementById('frm').getElementsByTagName('ul')[1].getElementsByTagName('input');
    for (i = 0; i < f.length - 1; i ++) {
    if (f[i].disabled) f[i].disabled = false;
    }
    f = document.getElementById('frm').getElementsByTagName('ul')[1].getElementsByTagName('select');
    for (i = 0; i < f.length; i ++) {
    if (f[i].disabled) f[i].disabled = false;
    }
    }
    </script>
    </body>
    </html>