0

我是 JS 和 Jquery 的新手，我正在尝试找出一种使用单选按钮使用条件导航到 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 按钮而不是这个 Link href，我也会很合适。

如果这不可能，我们可以改用 Javascript 吗？

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

请指教。

提前致谢。

-V

4

1 回答 1

0

您的脚本似乎有一些错误的关闭)和未注释掉的文本。

修复它并且该功能工作正常

$(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]);
    });
});

小提琴：http : //jsfiddle.net/Spokey/RyQuj/1/

如果你想制作一个按钮，请使用<button>.

<button>Go</button>
于 2013-04-22T17:27:54.213 回答