快速問題,表單提交在電臺選擇
是否有可能有一個表單提交時,單選按鈕(沒有JavaScript)?有點像測驗嗎?
本質上,我不再需要'提交'按鈕。用戶將輸入幾個字段,然後選擇一個單選按鈕來提交表單。每個單選按鈕都有一個相關的值,我需要捕獲它。
想法?
快速問題,表單提交在電臺選擇
是否有可能有一個表單提交時,單選按鈕(沒有JavaScript)?有點像測驗嗎?
本質上,我不再需要'提交'按鈕。用戶將輸入幾個字段,然後選擇一個單選按鈕來提交表單。每個單選按鈕都有一個相關的值,我需要捕獲它。
想法?
簡短的答案,你不能這樣做,除非你使用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>
+1提供簡短和瘋狂的答案。 – cheeken
謝謝! 我不反對使用不同的按鈕來提交表單,但我怎麼會通過這樣做來捕獲價值? 例如,用戶將輸入他們的名字,然後點擊紅色,綠色或藍色......我仍然需要捕獲他們點擊的顏色 - 我不想使用標準的提交按鈕,最後一個步驟將是他們選擇一個選項。 – Alpinestar22
你可以添加一個名稱屬性到你的無線電按鈕像圖像提交按鈕。你可以有多個,可以用不同的名字屬性發表相同的表單,你可以用它們在不同的名稱屬性之間進行區分 – pars
是,與JavaScript
<script>
function submitOnClick(formName){
document.forms[formName].submit();
}
</script>
<form id="myForm" ...>
<input type="radio" onclick="submitOnClick('myForm')>
</form>
或者使用Ajax。您需要提供一個URL,您可以在其中放置功能actionAsynchronous
。在這個函數中,你將能夠通過使用POST變量來獲得選定的單選按鈕。然後您將能夠管理選定的單選按鈕值。這適用於我使用Php和Yii框架。
製作實際提交按鈕的假單選按鈕? –