js操作form来隐藏div（第2个form失效）

本帖最后由 a472198674 于 2010-09-14 12:00:05 编辑

解决方案 »

  1.   

    补充：js里面的“form1”改为obj
      

  2.   


    <!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>
        <title></title>    <script>
            function clickchange(obj) {
                if (document.forms[obj].getElementsByTagName('div')[1].style.visibility == 'hidden' || document.forms[obj].getElementsByTagName('div')[1].style.visibility == '') {
                    document.forms[obj].getElementsByTagName('div')[1].style.visibility = 'visible';
                }
                else {
                    document.forms[obj].getElementsByTagName('div')[1].style.visibility = 'hidden';            }
            }    </script></head>
    <body>
        <div id="layout">
            <ul>
                <li>
                    <form name="form1" method="get">
                    <div id="clickText">
                        <input type="checkbox" name="checkbox" value="0" id="check1" onclick="javascript:clickchange('form1');" />
                        <a href="#" onclick="javascript:clickchange('form1'); 
              document.form1.checkbox.checked=!document.form1.checkbox.checked;">sdadsad 三亚 </a>
                    </div>
                    <div name="countList">
                        <label>
                            <select name="select">
                                <option title="sd" value="1">sdad</option>
                                <option title="sd" value="1">sdad</option>
                                <option title="sd" value="1">sdad</option>
                                <option title="sd" value="1">sdad</option>
                            </select>
                        </label>
                    </div>
                    </form>
                </li>
                <li>
                    <form name="form2" method="get">
                    <div id="clickText">
                        <input type="checkbox" name="checkbox" value="checkbox" onclick="javascript:clickchange('form2');" />
                        <a href="#" onclick="javascript:clickchange('form2');document.form2.checkbox.checked=!document.form2.checkbox.checked;">
                            sdadsad 三亚 </a>
                    </div>
                    <div name="countList">
                        <label>
                            <select name="select">
                                <option title="sd" value="1">sdad</option>
                                <option title="sd" value="1">sdad</option>
                                <option title="sd" value="1">sdad</option>
                                <option title="sd" value="1">sdad</option>
                            </select>
                        </label>
                    </div>
                    </form>
                </li>
            </ul>
        </div>
    </body>
    </html>
      

  3.   

    <form name="form1" method="get" id="form2">
     <form name="form2" method="get" id="form2">
    把id属性都去掉
      

  4.   

    写规范点吧，楼主。
    document.forms[obj]
    换为document.getElementById
    另外你可以alert一下，看看form是否获取到，或者div是否获取到。
    思路没问题。但是对dom认识不够