Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/vim/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用无线电输入提交表格_Javascript_Jquery_Forms_Jquery Plugins_Jquery Events - Fatal编程技术网

Javascript 用无线电输入提交表格

Javascript 用无线电输入提交表格,javascript,jquery,forms,jquery-plugins,jquery-events,Javascript,Jquery,Forms,Jquery Plugins,Jquery Events,我有一个带有无线电输入的表格问题 选择是或否: 问题1是否 问题2是否 问题3是否 问题4是否 问题5是否 问题6是否 我已经使用JQuery验证插件进行了验证。valdation只需检查以确保选择了问题答案 因此,一旦为任何人选择“否”,它必须转到no.html。如果为任何人选择“是”,它必须转到no.html 现在我想要的是: 我希望如果用户对任何问题选择Yes,一旦他们选择Yes,我希望它将我引导到Yes.html页面 如果他们对任何问题都选择了No,请将我转到No.html页面 就是这样

我有一个带有无线电输入的表格
问题 选择是或否:

问题1是否
问题2是否
问题3是否
问题4是否
问题5是否
问题6是否

我已经使用JQuery验证插件进行了验证。valdation只需检查以确保选择了问题答案

因此,一旦为任何人选择“否”,它必须转到no.html。如果为任何人选择“是”,它必须转到no.html

现在我想要的是:

我希望如果用户对任何问题选择Yes,一旦他们选择Yes,我希望它将我引导到Yes.html页面

如果他们对任何问题都选择了No,请将我转到No.html页面


就是这样。

听起来应该在服务器端处理,而不是使用JavaScript。以下是我的做法:

在表单中使用复选框,而不是单选按钮。这样,您就不需要验证,因为没有办法提交“空白”答案:如果您收到一个为复选框提交的值,那么它被选中(是),否则它就不被选中(否)

然后在处理该表单输入的服务器脚本中,检查是否有任何问题的答案为“是”。如果有,重定向到yes.html;否则,重定向到no.html

希望这有帮助

编辑:如果必须在客户端执行此操作,可以使用类似以下内容(HTML)执行此操作:


当表单即将提交时,JS会查找选中的输入(是的答案),并将表单的目标(或“操作”)更改为正确的页面。如果有,表单会转到“yes.html”页面,否则会转到“no.html”。

使用语法的最佳方法。。。我收到了N个问题,每个问题都有是或否的选择。当我对任何问题选择“是”或“否”时,我就会离开页面;也就是说,我不会为所有问题选择答案?是的,你必须选择所有答案,但最重要的是…一旦你点击“是”,你必须进入“是”页面一旦有“是”,它必须进入“是”。HTMLY你仍然在说两件有冲突的事情:1。你必须选择所有的答案。2.一旦有了“是”,它就必须转到yes.html——如果你一选择“是”,它就转到yes.html,你就没有机会回答其他问题。我想在客户端处理它,你能帮忙吗?@user634599我已经在我的答案中添加了客户端代码-看一看!
<form id="myform">
    <ul>
        <li><input name="check1" value="1" />Question 1</li>
        <li><input name="check2" value="1" />Question 2</li>
        <li><input name="check3" value="1" />Question 3</li>
    </ul>
    <input type="submit" value="Click Me!" />
</form>
$('#myform').submit(function() {
    $(this).attr('action', ($(this).find('input:checked').length)? 'yes.html' : 'no.html');
});