HTML的form表单做单选,如何能选择后同时提交多项不同的name values

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML的form表单做单选,如何能选择后同时提交多项不同的name values相关的知识,希望对你有一定的参考价值。

类似代码如下:
<form name=ab action=submit.php>
<input type=radio name=a values=1>
<input type=hidden name=a1 values=1.1>
<input type=radio name=a values=2>
<input type=hidden name=a2 values=2.1>
....
</form>
如何能选择a=1后同时提交a1=1.1而不会提交a2=2.1

要改实现方式,增加一个隐藏的Form用于提交,并要写脚本赋值。
<script lang="javascript">
function radioclick(i)
document.getElementById('aa').value = i;
document.getElementById('bb').value = document.getElementsByName('a' + i)[0].value;
...

</script>
<form action="#" onsubmit="document.getElementById('ab').submit();return false;">
<input type=radio name=a values=1 onclick="radioclick(1);">
<input type=hidden name=a1 values=1.1>
<input type=radio name=a values=2 onclick="radioclick(2);">
<input type=hidden name=a2 values=2.1>
...
</form>
<form id=ab action=submit.php style="display:none">
<input type=hidden name=a id=aa>
<input type=hidden name=b id=bb>
...
</form>
参考技术A 楼主的问题貌似有些矛盾,单选表单就只能是选择一个,只有多选表单才能提交多个参数,通常多选按钮的name值不同如下:

单选写法:<input type="radio" name="fname" />

多选写法:<input type="checkbox" name="Fruit" />

备注:两者的Type属性有明显区别哦
参考技术B 把a1和a2的初始值设为空。
然后给单选框绑定单击事件。让对应的hidden的值为该单选框的值,其他hidden的值为空。
参考技术C <html>
<body>

<select multiple="multiple" size="2">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>

</body>
</html>

是想要这种效果吗?
multiple 属性规定可同时选择多个选项。
参考技术D 不论单选是否被选择, hidden 都会被提交

js 提交的表单后如何在本页面接收返回值

我这个是要在html页面上写的,调用的是asp里面的内容。a.html提交表单数据到a.asp中,返回的数据在a.asp中显示,但是我想要它在我提交的a.html页面上读取到数据。

ajax 做表单提交, 同时也能获得服务器返回的状态信息,不过原生的ajax过于繁琐建议使用 jquery来做  比如

$.get(url,function(data)
alert(data);
);
<!-- data就是你获得的返回信息-->

参考技术A 你可以把a.asp通过框架嵌入到a.html里面啊

或者你也可以采用ajax技术来处理
参考技术B 你的描述就是说的ajax功能,你可以去学学ajax专门解决这个问题,如果是用jquery+asp,是非常简单的。追问

有具体的方法说明嘛?之前没有接触过asp,因为工作需要。没办法!

追答

本例中子需要下jquery命名为jquery-1.6.2.js放于同级目录,一下两个网页均位于同级目录
t.html

t7

$(document).ready(function()
$("#send").click(function()
alert("input content is: "+$("#ct").val());
$.get("recevie.asp",Action:"get",t:($("#ct").val()),function (data,textStatus)
alert("return content is: "+data);
);
);
);

recevie.asp

本回答被提问者采纳

以上是关于HTML的form表单做单选,如何能选择后同时提交多项不同的name values的主要内容,如果未能解决你的问题,请参考以下文章

Rails 5 simple_form 将单选按钮标记为必需,如果未填写则阻止提交表单

多个单选按钮选择

如何接收 HTML 表单请求

iview表格里某一列的单选怎么实现

如何在表单之外制作单选按钮?

表单提交时显示单选按钮选择的名称