表格提交在无线电选择


Form submit on radio select

快速提问,

是否有可能有一个表单提交时,一个单选按钮被选中(没有javascript)?有点像小测验?

基本上,我不再想要一个"提交"按钮。用户将输入几个字段,然后选择一个单选按钮提交表单。每个单选按钮都有一个相关联的值,我需要捕获这个值。

想法?

简短的回答,你不能这样做,除非你使用javascript。

疯狂的回答是的,你可以。您可以创建类似单选按钮的图像,并将它们用作提交按钮来提交不同的表单。因此,当用户点击提交按钮时,您将提交表单,它看起来像一个单选按钮。

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

是,使用javascript

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

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