2008年7月9日 星期三

表單元件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) {…}


沒有留言:

張貼留言