<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <link href="CSS/StyleSheet.css" rel="stylesheet" type="text/css" /> <script type="text/Javascript"> // --列頭全選框被單擊--- function ChkAllClick(sonName, cbAllId) { var arrSon = document.getElementsByName(sonName); var cbAll = document.getElementById(cbAllId); var tempState = cbAll.checked; for (i = 0; i < arrSon.length; i++) { if (arrSon[i].checked != tempState) arrSon[i].click(); } } // --子項復選框被單擊--- function ChkSonClick(sonName, cbAllId) { var arrSon = document.getElementsByName(sonName); var cbAll = document.getElementById(cbAllId); for (var i = 0; i < arrSon.length; i++) { if (!arrSon[i].checked) { cbAll.checked = false; return; } } cbAll.checked = true; } // --反選被單擊--- function ChkOppClick(sonName) { var arrSon = document.getElementsByName(sonName); for (i = 0; i < arrSon.length; i++) { arrSon[i].click(); } } function AddTOWISH(sonName) { var arrSon = document.getElementsByName(sonName); var wishlist = document.getElementById("wishlist"); var ps = document.getElementById("wishlist").getElementsByTagName("p"); for (var j = 1; j<ps.length; j) { var history = document.getElementById("history"); history.appendChild(ps[j]); } for (var i = 0; i < arrSon.length; i++) { if (arrSon[i].checked) { var ele = document.createElement("p"); var text = document.createTextNode(arrSon[i].value); ele.appendChild(text); wishlist.appendChild(ele); } } } </script> <style type="text/css"> #Button1 { height: 42px; width: 179px; } #Checkbox1 { height: 25px; width: 26px; } </style></head><body> <div id="content"> <div id="left"> <ul> <li><a><strong>安全類</strong></a></li> <ul> <li><a>金框類</a></li> <li><a>塑框類</a></li> </ul> <li><a>運動類</a></li> <li><a>時尚金框類</a></li> <li><a>時尚塑框類</a></li> <li><a>兒童類</a></li> <li><a>老花類</a></li> <li><a>光學射出類</a></li> <li><a>光學板材類</a></li> <li><a>光學金框類</a></li> <li><a>光學性眼鏡</a></li> </ul> </div> <div id="middle"> <form runat="server"> <INPUT name="chkAll" id="chkAll" title="全選" onClick="ChkAllClick('chkSon','chkAll')" type="checkbox" />全選 <INPUT name="chkOpposite" id="chkOpposite" title="反選" onClick="ChkOppClick('chkSon')" type="checkbox" />反選 <input type="button" id="add" name="add" onclick="AddTOWISH('chkSon')" value="add"/> <br /> <%for (int i = 0; i < 10; i++) {%> <INPUT name="chkSon" id='chkSon<%=i+1 %>' type="checkbox" value='<%=i+1 %>' onclick="ChkSonClick('chkSon','chkAll')" /><%=i+1 %> <br /> <%} %> </form> </div> <div id="right"> <div id="wishlist"> <p>本次清單內容：</p> </div> <div id="history"> <p>歷史清單內容：</p> </div> </div> </div> </body></html>
新聞熱點
疑難解答
