HTML的form表单做单选，如何能选择后同时提交多项不同的name values
类似代码如下：<formname=abaction=submit.php><inputtype=radioname=avalues=1><inputtype=hidden...
类似代码如下：
<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 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 展开
8个回答
展开全部
要改实现方式，增加一个隐藏的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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼主的问题貌似有些矛盾，单选表单就只能是选择一个，只有多选表单才能提交多个参数，通常多选按钮的name值不同如下：
单选写法：<input type="radio" name="fname" />
多选写法：<input type="checkbox" name="Fruit" />
备注：两者的Type属性有明显区别哦
单选写法：<input type="radio" name="fname" />
多选写法：<input type="checkbox" name="Fruit" />
备注：两者的Type属性有明显区别哦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把a1和a2的初始值设为空。
然后给单选框绑定单击事件。让对应的hidden的值为该单选框的值，其他hidden的值为空。
然后给单选框绑定单击事件。让对应的hidden的值为该单选框的值，其他hidden的值为空。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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 属性规定可同时选择多个选项。
<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 属性规定可同时选择多个选项。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不论单选是否被选择, hidden 都会被提交
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（6）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
