|
首先,將如下的代碼加入HTML的<head>...</head>之間: <SCRIPT LANGUAGE="JavaScript"> <!--// function checkChoice(field, i) { if (i == 0) { // "All" 被選中了;則將其它所有已經(jīng)被選擇的項(xiàng)目清除,即置成checked狀態(tài)為false; if (field[0].checked == true) { for (i = 1; i < field.length; i++) field[i].checked = false; } } else { //否則,只要其它任意項(xiàng)目被選中,則將ALL的選擇狀態(tài)(field[0])設(shè)置為false(未被選中)
if (field[i].checked == true) { field[0].checked = false; } }} //--> </script>
然后,將表單加入HTML的<body>區(qū):
<form name=ickform method="post" action="...."> <table width="201"> <tr> <td>你最喜歡什么課程?</td> </tr> <tr> <td> <input type=checkbox name=classes value="all" onClick="checkChoice(document.pickform.classes, 0)" checked> All <br> <input type=checkbox name=classes value="數(shù)學(xué)" onClick="checkChoice(document.pickform.classes, 1)"> 數(shù)學(xué)<br> <input type=checkbox name=classes value="語(yǔ)文" onClick="checkChoice(document.pickform.classes, 2)"> 語(yǔ)文 <br> <input type=checkbox name=classes value="英語(yǔ)" onClick="checkChoice(document.pickform.classes, 3)"> 英語(yǔ)<br> <input type=checkbox name=classes value="生物" onClick="checkChoice(document.pickform.classes, 4)"> 生物<br> <input type=checkbox name=classes value="歷史" onClick="checkChoice(document.pickform.classes, 5)"> 歷史</td> </tr> <tr> <td> <input type="button" name="Button" value="Button" onClick="javascript:alert('使用時(shí)將action指向處理表單的程序!')"> </td> </tr> </table> </form>
|
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!