使用单选按钮的URL导航

我是JS和Jquery的新手，我试图找出一种使用单选按钮使用条件导航到URL的方法。使用单选按钮的URL导航

我在我的表单中有两个选项用于选择标准，另一个用于选择匹配的是/否。

根据所做的单选按钮选择，我必须为这些报告提供URL，例如Param2 + No = Report 1 URL等。

有没有办法实现这个用下面的代码：

<!DOCTYPE html> 
<html> 
<body> 
    <form name="formone" id="optionsform"> 
    <fieldset> 
     <p><b>Selection Criteria</b></p> 
<label><input type="radio" name="group1" id="ac-yes" value="1">Param1</label> 
<label><input type="radio" name="group1" id="ac-no" value="0">Param2</label> 
    <p><b>Auto Matching</b></p> 
<label><input type="radio" name="group2" id="bt-yes" value="2">Yes</label> 
<label><input type="radio" name="group2" id="bt-no" value="0">No</label> 
    <p></p> 
<a href="varible-address">Go</a> 
</fieldset> 
</form> 
<script> 
    $(function(){ 
     var urls = new Array(); 
     urls[0]="Report 1 URL";// no + no 
     urls[1]="Report 2 URL";// yes + no 
     urls[2]="Report 3 URL";// no + yes 
     urls[3]="Report 4 URL";// yes + yes 

     $('input[type=radio]').click(function(){ 
     var score = 0; 
     $('input[type=radio]:checked').each(function(){score+=parseInt($(this).val())});) before the the curly bracket 
     $('a').attr('href',urls[score]); 
     });) and ; 
    }); 
</script> 
</body> 
</html>

此外，如果有人能告诉我如何使用Go按钮，而不是该链接的href我会适当。

如果这是不可能的，我们可以用Javascript来代替吗？

这里是JSbin：http://jsbin.com/emaxev/1/edit

请指教。

在此先感谢。

-V

来源

2013-04-22 Naidu

你的脚本似乎有一些不良关闭时没有被注释掉)和文字。

是固定且功能正常工作

$(function() { 
    var urls = new Array(); 
    urls[0] = "Report 1 URL"; // no + no 
    urls[1] = "Report 2 URL"; // yes + no 
    urls[2] = "Report 3 URL"; // no + yes 
    urls[3] = "Report 4 URL"; // yes + yes 

    $('input[type=radio]').click(function() { 
     var score = 0; 
     $('input[type=radio]:checked').each(function() { 
      score += parseInt($(this).val()); 
     }); 
     $('a').attr('href', urls[score]); 
    }); 
});

FIDDLE：http://jsfiddle.net/Spokey/RyQuj/1/

如果你想使一个按钮，使用<button>。

<button>Go</button>

来源

2013-04-22 17:27:54 Spokey

感谢Spokey的回应。我正在尝试Go按钮在我的应用程序中使用URLS点击，但是，它不会去那些URL的，而只是将参数group1 = 1＆group2 = 0传递给URL，而不是我正在寻找的。我基本上只是试图根据选择的分数导航到该URL。 – Naidu 2013-04-22 21:14:59

也请原谅我的无知，但有什么办法将此转换为JavaScript，因为我的应用程序理解，比JQuery的是，它的一个更好:( – Naidu 2013-04-22 21:17:41

你提交表单？通常它不应该给你''group1 = 1＆group2 = 0''无论如何，我做了一个正常的JavaScript一个在这里在小提琴http://jsfiddle.net/Spokey/RyQuj/6/ – Spokey 2013-04-22 21:53:35

使用单选按钮的URL导航

回答

相关问题