2014-01-15 279 views
0

我只是想知道如何去得到一個href按下按鈕。我想按btn btn主要按下時:按提交按鈕。按鈕Href按按鈕提交按鈕

<BODY> 
<a class="btn btn-primary" href="#Home"><span class="fui-time"></span></a> 
<a class="btn btn-primary" href="#School"><span class="fui-time"></span></a> 
<form> 
    <input type="submit" name="options" id="Home" value="1" />Home 
    <input type="submit" name="options" id="School" value="2" />School 
    <input type="submit" name="options" id="Work" value="3" />Work 

</form> 


</BODY> 

感謝you.Also如果你還可以提供一個深入的解釋,這將是偉大的,因爲我有點新的JavaScript。

PS:有沒有辦法做到這一點不使用函數的onClick()

回答

0

使用jQuery:

$('.btn.btn-primary').click(function (ev) { 
    $(this.href).click(); 
    ev.preventDefault(); 
}); 

雖然我會說您的標記和結構都比較陌生,你想擁有提交按鈕,然後鏈接,導致這些按鈕被點擊??

0

試試這個

<BODY> 
     <a class="btn btn-primary" href="#Home" onClick="formSubmit()"><span class="fui-time"></span></a> <a class="btn btn-primary" href="#School" onClick="formSubmit()"><span class="fui-time"></span></a> 
     <form id="myform"> 
      <input type="submit" name="options" id="Home" value="1" /> 
      Home 
      <input type="submit" name="options" id="School" value="2" /> 
      School 
      <input type="submit" name="options" id="Work" value="3" /> 
      Work 
     </form> 
     </BODY> 
     <script type="text/javascript"> 
     function formSubmit(){ 
     $("#myform").submit(); 
     } 
     </script> 
0

您可以在這樣<a href="javascript:alert('javascript go')">

編輯鏈接執行JavaScript的:作爲susheel指出,這不是一個好主意,它的要好得多,只是綁定或使用的onClick來觸發按鈕點擊。

這將是更好的做這樣的事情:

<div onclick="document.myform.submit()"></div>(如果你提交的形式)。沒有辦法用原始html替換另一個元素的按鈕。您將需要以某種方式使用JavaScript。

+0

這不是一個好方法 –

+0

我同意,只是他問了如何做到這一點,而不使用onclick,這就是你將如何做到這一點。 –