表單元件Radio群組用法

這兩天整理"網頁技術操典"(呵呵,突然福至心靈想到的好名稱), 把多年來一直要集結的東西陸續寫在word 檔案集裡, 不斷增加更新, 同時也印出來, 如果被迫要參加無聊的會議或上課時, 可以拿來複習複習.

▲ Radio群組 (必須取一樣的name才能單選)

<input type= “radio” name= “fruit” value=“apple” checked>Apple

<input type= “radio” name= “fruit” value=“banana”>Banana

<input type= “radio” name= “fruit” value=“cherry”>Cherry
▲ 伺服端擷取傳出值方法 : 利用 Request 物件取出value屬性值

<% =Request(“fruit”) %> //傳出值為apple (單選, 只傳出一個值)
▲ 客戶端元件存取

obj=formObj.fruit; //取得 radio 群組元件

obj=document.form1.fruit; //取得 radio 群組元件

obj.checked=true; //true=選取,false=取消選取

if (obj[i].defaultChecked==true;) {…} //檢查是否為預設選項

for (var i=0; i<obj.length; i++) {if (obj[i].checked) {…}} //檢查哪一個選項被選取

//注意, 選項radio數目須>=2, 若 radio只有一個,則會有obj.length=undefined錯誤
除了利用obj陣列來檢查外, 也可以利用id屬性, 每一個radio元件因name一樣, 因此須加一不同之id屬性來判別 :

<input type= “radio” name= “fruit” id=“radio 1” value=“apple” checked>Apple

if (formObj.radio1.checked==true) {…}