2014年1月27日 星期一

[javascript]核取方塊checkbox是否被勾選

JavaScript練習題
有三個核取方塊checkbox選項,
選了第一個選項,第二個選項才能被勾選;
選了第二個選項,第三個選項才能被勾選;

反之,
取消選擇第二個選項,則第三個選項不可被勾選。


程式如下







      <p><INPUT id=checkbox1 type=checkbox name=checkbox1 value="1" onclick='show_item()'
>開會用
         <INPUT id=checkbox2 type=checkbox name=checkbox2 value="1" disabled
onclick='show_item()' >不發通知單
         <INPUT id=checkbox3 type=checkbox name=checkbox3 value="1" disabled>電子會議
         第四<INPUT id=checkbox4 type=checkbox name=checkbox4 value="1"<%if
mid(cstr(r_week),4,1)="1" then %>checked<%end if%>>
         第五<INPUT id=checkbox5 type=checkbox name=checkbox5 value="1"<%if
mid(cstr(r_week),5,1)="1" then %>checked<%end if%>>
 <P>


<script language=javascript>

//顯示選項:不發通知單、電子會議
function show_item(){
   if (document.all("checkbox1").checked)
   {
      document.all("checkbox2").disabled = false
   }
   else
   {
      document.all("checkbox2").checked = false
      document.all("checkbox2").disabled = true
      document.all("checkbox3").checked = false
      document.all("checkbox3").disabled = true
   }
   if (document.all("checkbox2").checked)
   {
      document.all("checkbox3").disabled = false
   }
   else
   {
      document.all("checkbox3").checked = false
      document.all("checkbox3").disabled = true
   }
}


</script>


沒有留言:

張貼留言