2011-09-19 62 views
1

快速問題,表單提交在電臺選擇

是否有可能有一個表單提交時,單選按鈕(沒有JavaScript)?有點像測驗嗎?

本質上,我不再需要'提交'按鈕。用戶將輸入幾個字段,然後選擇一個單選按鈕來提交表單。每個單選按鈕都有一個相關的值,我需要捕獲它。

想法?

+0

製作實際提交按鈕的假單選按鈕? –

回答

5

簡短的答案,你不能這樣做,除非你使用JavaScript。

瘋狂的回答是的,你可以。您可以創建類似電臺的圖像,並將它們用作提交按鈕來提交不同的表單。所以當用戶點擊看起來像單選按鈕的提交按鈕時,你會提交表單。

<FORM METHOD="POST" ACTION=""> 
<INPUT NAME="answer" value="answer is blue" TYPE="image" SRC="radio-button-image.jpg"> 
<INPUT NAME="answer" value="answer is red" TYPE="image" SRC="radio-button-image.jpg"> 
</FORM> 
+0

+1提供簡短和瘋狂的答案。 – cheeken

+0

謝謝! 我不反對使用不同的按鈕來提交表單,但我怎麼會通過這樣做來捕獲價值? 例如,用戶將輸入他們的名字,然後點擊紅色,綠色或藍色......我仍然需要捕獲他們點擊的顏色 - 我不想使用標準的提交按鈕,最後一個步驟將是他們選擇一個選項。 – Alpinestar22

+0

你可以添加一個名稱屬性到你的無線電按鈕像圖像提交按鈕。你可以有多個,可以用不同的名字屬性發表相同的表單,你可以用它們在不同的名稱屬性之間進行區分 – pars

0

是,與JavaScript

<script> 
    function submitOnClick(formName){ 
     document.forms[formName].submit(); 
    } 
</script> 
<form id="myForm" ...> 
    <input type="radio" onclick="submitOnClick('myForm')> 
</form> 
0

或者使用Ajax。您需要提供一個URL,您可以在其中放置功能actionAsynchronous。在這個函數中,你將能夠通過使用POST變量來獲得選定的單選按鈕。然後您將能夠管理選定的單選按鈕值。這適用於我使用Php和Yii框架。