使用單選按鈕的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導航

回答

相關問題