如何使用單選按鈕的onclick事件更改鏈接的onclick事件？

Question

我一直在試圖找出過去3個小時左右，但我無法找到答案的任何地方。我想要做的是使用單選按鈕的onclick事件動態更改鏈接的onclick事件。這甚至有可能嗎？我的代碼看起來是這樣的..

<input type="radio" name="test" onclick="document.getElementById('submit').onclick='alert(\'Hello\');'">First<br/> 
    <input type="radio" name="test" onclick="document.getElementById('submit').onclick='alert(\'Hi\');'">Second<br/> 

<a id="submit" onclick="" href="index.html">Click Here</a> 

Answer 1

試試這個：

<input type="radio" name="test" onclick="document.getElementById('submit').onclick=function(){alert('Hello');}">First<br/> 
    <input type="radio" name="test" onclick="document.getElementById('submit').onclick=function(){alert('Hi');}">Second<br/> 

<a id="submit" onclick="" href="index.html">Click Here</a> 

小提琴：http://jsfiddle.net/kfpzY/

Answer 2

試試這個，

<input type="radio" name="test" onclick="attachEventToLinkOnClick(myFuncion1)">First<br/> 
<input type="radio" name="test" onclick="attachEventToLinkOnClick(myFuncion2)">Second<br/> 

<a id="submit" onclick="" href="index.html">Click Here</a> 

<script type="text/javascript"> 
    function attachEventToLinkOnClick(func){ 
     var link = document.getElementById("submit"); 
     link.onclick = fun; 
    } 

    function myFuncion1(){ 
     alert("hello"); 
    } 
    function myFuncion2(){ 
     alert("hi"); 
    } 

</script> 

Answer 3

我建議增加一個新的腳本在你寫出<input>和之後，標記元素。

<input type="radio" name="test" onclick="changeFun(fun1)">First<br/> 

<input type="radio" name="test" onclick="changeFun(fun2)">Second<br/> 

<a id="submit" onclick="" href="index.html">Click Here</a> 

的腳本標籤中WIRTE如下：

<script type="text/javascript"> 

    var fun1 = function() { 
     alert('Hello') 
    } 

    var fun2 = function() { 
     alert('Hi')  
    } 

    var changeFun = function (newFun) { 
     document.getElementById('submit').onclick = newFun; 
    } 

</script> 

好運。

Answer 4

鑑於此的jsfiddle

http://jsfiddle.net/h_awk/98Gt8/

<input type="radio" name="test" class="test" /> 
<input type="radio" name="test" class="test" /> 

<a id="submit" href="javascript:void(0);">Click Here</a> 

<script> 
    function addEvent(elemClass, elemId, evt, index, cbFunc) 
    { 
     var elemClass = document.getElementsByClassName(elemClass), 
      elemId = document.getElementById(elemId); 

     if(elemClass[index]) 
     { 
      elemId.addEventListener(evt, cbFunc, false); 
     } 
    } 

    function say(msg) 
    { 
     alert(msg); 
    } 

    addEvent('test', 'submit', 'click', 0, function(){say('hello');}); 
    addEvent('test', 'submit', 'click', 1, function(){say('hi');}); 
</script> 

應該工作，但有輕微的問題，鼓泡，我將嘗試修復，當你看到這是如何工作的..