Im相當肯定這已經回答了好幾次逃脫雙引號,但只是lulz病提供一些答案。
首先,你將無法將javascript嵌入到href中。除非使用javascript來更改href屬性,否則它將保持靜態。
最簡單的事情就是將其封裝在一個表單中。它可能會或可能不會在語境中正確,但如果您將其包裝在表單中,它會自動提供您的表單域(包括所選單選按鈕的值)。
以下是將它提交爲一個形式,你將不得不作出將其應用到你的代碼。
<html>
<body>
<form name="form1" action="" method="get">
<input type="radio" name="rad" value="1"/> <!--You will need to set value dynamically.
<input type="radio" name="rad" value="2"/> You could also change name="rad" to name="id" if you specifically need that to be the name -->
<a href="#" onclick="form1.submit()">Submit</a>
</form>
</body>
</html>
基本上你只要給單選按鈕同名。提供的服務將是任何選擇(值可能是你的ID)的值。該行動屬性是你想要發送給它的URI,method =「get」確保它在查詢字符串中提供。Anchor標記沒有url,它只是在表單上執行提交。
如果你想嚴格使用JavaScript,你可以採取幾條路線。
其中之一,你可以有一個單選按鈕的onclick事件處理程序,當你選擇它時改變錨標籤的href屬性。
<html>
<body>
<script type="text/javascript">
var url = "http://www.yahoo.com";
function ChangeUrl(val){
var newUrl = url + "?=" + val;
document.getElementById("myLink").href=newUrl;
}
</script>
<input type="radio" name="rad" onclick="ChangeUrl(1)"/> <!-- onclick should be onselect, but I couldn't get that working in my test code so I went with what works. -->
<input type="radio" name="rad" onclick="ChangeUrl(2)"/>
<a href="#" id="myLink">Submit</a>
</body>
</html>
再次,您需要考慮如何在代碼中執行此操作,但這是一個普遍的想法。
謝謝,柯比。我嘗試了許多不同的組合。不工作。 – user3266771 2014-08-28 15:38:59
@ user3266771 - 沒問題,我其實不確定href鏈接是如何創建的,所以這是一個快速的「嘗試」。這是創建適當的鏈接還是獲取無線電請求值(ID)的值的問題?我很樂意幫助更多。 – 2014-08-28 16:38:00