小紅帽技術論壇 在這裡你可以看到你訂閱的主題,悄悄話,編輯個人資料及環境設定 免費註冊! 行事曆 搜尋其他會員 常見問題
搜尋 小紅帽流量分析 小紅帽專用irc 聊天室 Web 版!建議安裝使用 hmirc 軟體! 回首頁 登出
小紅帽技術論壇 : Powered by vBulletin version 2.2.9 小紅帽技術論壇 > 電腦類 > 網頁設計討論板 > checkbox問題
  上一篇主題   下一篇主題
作者
主題、內容    發表新的文章     回覆文章

niky6620
新進會員


註冊日期: Mar 2007
來自:
發表文章數: 4

checkbox問題

請問各位高手一個問題,以下是我的程式碼:

<?PHP
$place = array("加拿大","巴西","美國","馬來西亞","泰國","越南","日本","韓國","英國","瑞典","德國"....)
$sub_1 = array("加拿大","巴西","美國"....);
$sub_2 = array("馬來西亞","泰國","越南","日本","韓國"....);
$sub_3 = array("英國","瑞典","德國"....);
$select = array("美洲","亞洲","歐洲","全選","全部取消");

print("<table><tr>");
for ($i=0; $i < sizeof($select); $i++)
{
print("<td>");
if ($select[$i] == "全選")
{
print("<input type=radio name=select_type value=$select[$i] checked > $select[$i] ");
}
else
{
print("<input type=radio name=select_type value=$select[$i] > $select[$i] ");
}
print("</td>");
}

print("<tr>");
for($j=0; $j < sizeof($place); $j++)
{
print("<input type=checkbox name=select_place[] value=$place[$j] checked > $place[$j ");
}
?>

上面程式有一組radio,如何在我點選"歐洲"時,底下的checkbox只有$sub_3的地區打勾,點選"亞洲"只有$sub_2的地區打勾,.....以此類推!
但我仍然可以勾選其他地區,也就是說,radio選取"亞洲",但自己額外再選取"美國"的checkbox,當我確定送出之後,傳到下一個網頁的select_type[]值包括"亞洲地區"+"美國"...

文章編號:0 | 向板主反映這篇文章 | 顯示 IP

niky6620 已離線! Old Post 03-11-2007 14:31
點選這裡查看 niky6620 的個人檔案 點選這裡寄送 Email 給 niky6620 按這裡傳送悄悄話給 niky6620 按這裡搜尋 niky6620 所發表的文章 按這裡將 niky6620 加入你的好友名單 回應這篇文章含引言 按這裡編輯或刪除文章

穩ㄝ
資深板主


註冊日期: Oct 2000
來自: 淡水
發表文章數: 1709

您的意思是上面有一組RADIO BOX來方便USER快速選擇區域....
而主要的值還是在CHECKBOX傳送嗎??
如果是....
那您應該直接把那幾個陣列擺在javascript中控制....
而不是用PHP處理....
這樣才會比較方便喔....



---------------------------------------------------------- 簽名列 -----------

∼∼∼ 穩ㄝ ∼∼∼

人客啊....有空來坐坐喔....

文章編號:1 | 向板主反映這篇文章 | 顯示 IP

穩ㄝ 已離線! Old Post 03-11-2007 19:34
點選這裡查看 穩ㄝ 的個人檔案 點選這裡寄送 Email 給 穩ㄝ 按這裡傳送悄悄話給 穩ㄝ 按這裡搜尋 穩ㄝ 所發表的文章 按這裡將 穩ㄝ 加入你的好友名單 回應這篇文章含引言 按這裡編輯或刪除文章

niky6620
新進會員


註冊日期: Mar 2007
來自:
發表文章數: 4

沒錯!就是上面有一組radio方便user快速選擇!
但我是新手,還是不太曉得把陣列放在javascript裡要怎麼做耶.XD...
可以麻煩您說得詳細點嗎??拜託!拜託=.=
謝謝你的回覆^^

文章編號:2 | 向板主反映這篇文章 | 顯示 IP

niky6620 已離線! Old Post 03-11-2007 20:38
點選這裡查看 niky6620 的個人檔案 點選這裡寄送 Email 給 niky6620 按這裡傳送悄悄話給 niky6620 按這裡搜尋 niky6620 所發表的文章 按這裡將 niky6620 加入你的好友名單 回應這篇文章含引言 按這裡編輯或刪除文章

穩ㄝ
資深板主


註冊日期: Oct 2000
來自: 淡水
發表文章數: 1709

附上一個我剛寫的簡單範例供您參考

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>Test Radio and CheckBox</title>
<script type="text/javascript">
function RegionSelect(ppstrRegion)
{
var i;
var objElements;

switch(ppstrRegion)
{
case '1':
objElements = document.getElementsByName("chkAmerica");
for (i=0; i<objElements.length; i++)
objElements[i].checked = true;
break;

case '2':
objElements = document.getElementsByName("chkAsia");
for (i=0; i<objElements.length; i++)
objElements[i].checked = true;
break;

case '3':
objElements = document.getElementsByName("chkEuro");
for (i=0; i<objElements.length; i++)
objElements[i].checked = true;
break;

case '4':
objElements = document.getElementsByTagName("input");
for (i=0; i<objElements.length; i++)
{
if (objElements[i].type == "checkbox")
objElements[i].checked = true;
}
break;

case '5':
objElements = document.getElementsByTagName("input");
for (i=0; i<objElements.length; i++)
{
if (objElements[i].type == "checkbox")
objElements[i].checked = false;
}
break;
}
}
</script>
</head>

<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" name="rdoPlace" value="R01" onclick="RegionSelect('1');" />美洲
<input type="radio" name="rdoPlace" value="R02" onclick="RegionSelect('2');" />亞洲
<input type="radio" name="rdoPlace" value="R03" onclick="RegionSelect('3');" />歐洲
<input type="radio" name="rdoPlace" value="SelectAll" onclick="RegionSelect('4');" />全選
<input type="radio" name="rdoPlace" value="unSelectAll" onclick="RegionSelect('5');" />全部取消
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="chkAmerica" value="CA" />加拿大
<input type="checkbox" name="chkAmerica" value="BR" />巴西
<input type="checkbox" name="chkAmerica" value="USA" />美國
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="chkAsia" value="MY" />馬來西亞
<input type="checkbox" name="chkAsia" value="TH" />泰國
<input type="checkbox" name="chkAsia" value="VN" />越南
<input type="checkbox" name="chkAsia" value="JPN" />日本
<input type="checkbox" name="chkAsia" value="KR" />韓國
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="chkEuro" value="GB" />英國
<input type="checkbox" name="chkEuro" value="SE" />瑞典
<input type="checkbox" name="chkEuro" value="DE" />德國
</td>
</tr>
</table>
</body>
</html>



---------------------------------------------------------- 簽名列 -----------

∼∼∼ 穩ㄝ ∼∼∼

人客啊....有空來坐坐喔....

文章編號:3 | 向板主反映這篇文章 | 顯示 IP

穩ㄝ 已離線! Old Post 03-12-2007 09:42
點選這裡查看 穩ㄝ 的個人檔案 點選這裡寄送 Email 給 穩ㄝ 按這裡傳送悄悄話給 穩ㄝ 按這裡搜尋 穩ㄝ 所發表的文章 按這裡將 穩ㄝ 加入你的好友名單 回應這篇文章含引言 按這裡編輯或刪除文章

niky6620
新進會員


註冊日期: Mar 2007
來自:
發表文章數: 4

我的問題已經解決了,
真的非常感謝你哦^^

文章編號:4 | 向板主反映這篇文章 | 顯示 IP

niky6620 已離線! Old Post 03-12-2007 19:23
點選這裡查看 niky6620 的個人檔案 點選這裡寄送 Email 給 niky6620 按這裡傳送悄悄話給 niky6620 按這裡搜尋 niky6620 所發表的文章 按這裡將 niky6620 加入你的好友名單 回應這篇文章含引言 按這裡編輯或刪除文章

穩ㄝ
資深板主


註冊日期: Oct 2000
來自: 淡水
發表文章數: 1709

解決就好....
u r welcome....



---------------------------------------------------------- 簽名列 -----------

∼∼∼ 穩ㄝ ∼∼∼

人客啊....有空來坐坐喔....

文章編號:5 | 向板主反映這篇文章 | 顯示 IP

穩ㄝ 已離線! Old Post 03-12-2007 23:58
點選這裡查看 穩ㄝ 的個人檔案 點選這裡寄送 Email 給 穩ㄝ 按這裡傳送悄悄話給 穩ㄝ 按這裡搜尋 穩ㄝ 所發表的文章 按這裡將 穩ㄝ 加入你的好友名單 回應這篇文章含引言 按這裡編輯或刪除文章

目前使用的時域為(台北時間),現在時間是 08:14 。    發表新的文章     回覆文章
上一篇主題   下一篇主題
友善列印 | 把這一篇寄給好朋友! | 訂閱這個主題

跳至:
評分主題:
 

討論區權限說明:
不可以 發表新文章
不可以 回覆文章
不可以 上傳附加檔案
不可以 修改你發表的文章
HTML code 目前狀態是 關閉
vB code 目前狀態是 開啟
表情符號 目前狀態是 開啟
[IMG] code 目前狀態是 開啟



< 聯絡我們 - 小紅帽全球資訊網 >

中文化:第一版 by Eric 第二版 by Jolin 於 小紅帽全球資訊網
(版權所有,翻拷必究)
小紅帽技術論壇創立於 2000/09/15 ,使用 vBulletin 合法註冊版權