2015-06-27 51 views
1

我有以下的HTML代碼,我試圖讓一個JavaScript點擊此按鈕的Javascript單擊button

<fieldset class="fields1"></fieldset> 
<fieldset class="submit-buttons"> 
<some other button here > 
<input class="button1" type="submit" value="Submit" name="post" tabindex="4" accesskey="f"></input> 

我嘗試下面的代碼行既不是其中的工作原理:

$(".submit-buttons").children('input[name="post"]').click(); 


$("input[name=post]").click(); 

有沒有其他的方法來點擊button1?有沒有辦法通過tabindex或accesskey選擇按鈕?

+0

你可以分享相同的小提琴 –

+2

如果你只是想提交表單,你可以在表單項上調用'.submit()'。由於可能的安全問題,現代瀏覽器通常不會讓您只需點擊帶有JavaScript的按鈕。 – moveaway00

+0

請舉例嗎? – m0b1l3us3r

回答

1

click函數用於事件處理而不觸發事件。如果要觸發點擊使用觸發器

$("input[name=post]").trigger('click'); 
+0

http://plnkr.co/edit/maOUBbJhYuADCFIcV3Et?p=preview – nalinc

+0

我收到了,提交的表單無效。嘗試再次提交。 – m0b1l3us3r

+0

這些評論是關於什麼的?使用觸發功能點擊按鈕http://plnkr.co/edit/1rbqF2JHUqwmfh0FCPsc?p=preview – depperm

0

首先聯繫起來的任何jQuery的版本,然後像

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 

$("input[name=post]").click(function(){ 
    alert('dddd'); 
}); 

如果onready點擊

$("input[name=post]").trigger('click'); 

<form action="#" method="post"> 
<input class="button1" type="submit" value="Submit" name="post" tabindex="4" accesskey="f"></input> 
</form> 

start <form> end </form> 

Demo

+0

也在這個方法上 \t 我得到這個,提交的表單無效。嘗試再次提交。 – m0b1l3us3r

1

你忘了關閉<fieldset>標籤

使用下面的標記

<fieldset class="fields1"></fieldset> 
    <fieldset class="submit-buttons"> 
    <input class="button1" type="submit" value="Submit" name="post" tabindex="4" accesskey="f"> 
    </fieldset> 

此外,您還需要添加一個event handler回調內部click function

$(".submit-buttons").children('input[name="post"]').click(function(){ 
    alert("clicked") 
}); 

和手動兩種觸發點擊事件或jQuery的trigger()

$("input[name=post]").trigger('click') 

這裏是demo

+0

此方法已經嘗試過,並且 \t 我得到這個,提交的表單無效。嘗試再次提交。 – m0b1l3us3r

+0

你能分享一個js小提琴或plunkr展示這個問題嗎? – nalinc

+0

好吧,我問我有這個問題 – m0b1l3us3r