話說，一年半以前開始學javascript，也慢慢學了些jqery和ajax，但才半年沒有接觸，現在需要再改網頁的時候，進來連Disabled radio button 都快忘了，變成需要try一下 and 回想一下，真的是人老了，所以還是來記錄一下好了。
         這個簡單的html主要是在initial的時候，需要去判斷 test0這個select的value，如果value是0就將testEnabled這個radio的值設成ON，並且將testEnabled這個radio設為disabled。
          一開始一直出錯，就是因為自己將radio的名字取成一樣的，但是卻沒有用arry的方式去關閉，只有寫document.form.testEnabled.disabled=true，所以一直不成功，因此，特別好好的把這個錯誤記錄下來。
          再加上radio button的選擇的部份，要選擇哪一個radio button的選項，也是必須加上陣列元素，才能代表是要選擇哪一個選項唷!




<html>
<head>
<scritp>

function updateWDSconfigure(mode)
{

if (mode.value==0)
{
document.form.testEnabled[0].checked=true;
document.form.testEnabled[0].disabled=true;
document.form.testEnabled[1].disabled=true;
}
else
{
  document.form.testEnabled[1].checked=true;
document.form.testEnabled[0].disabled=false;
document.form.testEnabled[1].disabled=false;
}

}



function LoadSetting()
 {
       var mode_index = document.form.elements["test0"].selectedIndex;
if(mode_index==0)
{
document.form.wlanWdsEnabled.value ="ON";
document.form.wlanWdsEnabled[0].disabled=true;
document.form.wlanWdsEnabled[1].disabled=true;
}
else
{
document.form.wlanWdsEnabled.value ="OFF";
document.form.wlanWdsEnabled[0].disabled = false;
document.form.wlanWdsEnabled[1].disabled = false;
}


}


</script>
</head>


<body onload="LoadSetting();">
<form>

<input type="radio" name="testEnabled"  value="ON">  YES;
<input type="radio" name="testEnabled"  value="OFF">   NO;



<select  name="test0"  class="input" onChange="updateWDSconfigure(this);">
<option value="0">test1</option>
<option value="1">test2</option>
<option value="2">test3</option>
</select>
</body>

</form>
arrow
arrow
    全站熱搜

    Yisin 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄