作者amos6064 (amos)
看板Ajax
標題Re: [問題] javascript抓表單資料 送給PHP處理
時間Thu Jan 5 19:49:54 2012
<script type="text/javascript">
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
}
function setCheckedValue(radioObj, newValue) {
if(!radioObj)
return;
var radioLength = radioObj.length;
if(radioLength == undefined) {
radioObj.checked = (radioObj.value == newValue.toString());
return;
}
for(var i = 0; i < radioLength; i++) {
radioObj[i].checked = false;
if(radioObj[i].value == newValue.toString()) {
radioObj[i].checked = true;
}
}
}
</script>
<form name="radioExampleForm" method="get" action="" onsubmit="return false;">
<p><label for="number0"><input type="radio" value="0" name="number"
id="number0"> Zero</label>
<label for="number1"><input type="radio" value="1" name="number"
id="number1"> One</label>
<label for="number2"><input type="radio" value="2" name="number"
id="number2"> Two</label>
<label for="number3"><input type="radio" value="3" name="number"
id="number3"> Three</label>
<label for="number4"><input type="radio" value="4" name="number"
id="number4"> Four</label>
<p><input type="button" onclick="alert('Checked value is:
'+getCheckedValue(document.forms['radioExampleForm'].elements['number']));"
value="Show Checked Value">
</form>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.87.229.39
1F：推 sweetjp6:謝謝a大，大致上看懂你的範例了。但有個問題想請教：以你 01/05 20:18
2F：→ sweetjp6:的範例來說，取到值之後，要怎麼傳到php呢? 01/05 20:19
3F：→ amos6064:跟你在寫jsp在接收是一樣你不是用form submit出去嗎? 01/05 20:24
4F：→ amos6064:把你得到的值一並丟過去 01/05 20:24
5F：→ sweetjp6:但我的form裡已經有一個submit會傳到action指定的php，我 01/05 20:33
6F：→ sweetjp6:用jsp取值的button是要送到另一個php去執行，這樣同時兩 01/05 20:34
7F：→ sweetjp6:個submit可以嗎?或者我應該用document.myForm.submit()? 01/05 20:35
8F：→ amos6064:這我通常都是用ajax在處理 01/05 21:07
9F：推 sweetjp6:是用XMLHttpRequest物件嗎? 01/05 21:15
10F：→ amos6064:這個也可以看你習慣如果很急可以用jquery會比較方便 01/05 21:40
11F：→ amos6064:$.ajax({type:"POST",url:"你的網址", 01/05 21:47
12F：→ amos6064:success:function(e){'你自己成功後的處理';}}); 01/05 21:48
13F：推 sweetjp6:了解~謝謝a大的教學 01/05 22:11
14F：→ amos6064:ㄎ~別叫我大....大家一起努力玩技術 01/06 00:08
15F：→ gmoz:用隱藏表單 01/13 23:20