表单提交在电台选择

快速问题，表单提交在电台选择

是否有可能有一个表单提交时，单选按钮（没有JavaScript）？有点像测验吗？

本质上，我不再需要'提交'按钮。用户将输入几个字段，然后选择一个单选按钮来提交表单。每个单选按钮都有一个相关的值，我需要捕获它。

想法？

来源

2011-09-19 Alpinestar22

制作实际提交按钮的假单选按钮？ –

简短的答案，你不能这样做，除非你使用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>

来源

2011-09-19 01:46:31 pars

+1提供简短和疯狂的答案。 – cheeken

谢谢！我不反对使用不同的按钮来提交表单，但我怎么会通过这样做来捕获价值？例如，用户将输入他们的名字，然后点击红色，绿色或蓝色......我仍然需要捕获他们点击的颜色 - 我不想使用标准的提交按钮，最后一个步骤将是他们选择一个选项。 – Alpinestar22

你可以添加一个名称属性到你的无线电按钮像图像提交按钮。你可以有多个，可以用不同的名字属性发表相同的表单，你可以用它们在不同的名称属性之间进行区分 – pars

是，与JavaScript

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

来源

2011-09-19 01:47:40 Trevor

或者使用Ajax。您需要提供一个URL，您可以在其中放置功能actionAsynchronous。在这个函数中，你将能够通过使用POST变量来获得选定的单选按钮。然后您将能够管理选定的单选按钮值。这适用于我使用Php和Yii框架。

来源

2011-09-19 01:54:03 ivantxo

表单提交在电台选择

回答

相关问题