2011-11-22 90 views
0

我有一個html表單來開發。但表格沒有提交,直到我不按提交按鈕。我想,當我們選擇任何單選按鈕複選框,然後按Enter鍵應當提交無法提交html表格

我的HTML是這樣的:

<html> 
    <head> 
    <title>select preferences</title> 
    </head> 
    <body> 
    <input type="radio" name="sex" value="male" /> Male<br/> 
    <input type="radio" name="sex" value="female" /> Female<br/> 
    <button type="submit">Click Me!</button> 
    </body>   
</html> 

請幫我解決這個問題。並給出相關教程的一些鏈接。

+0

你應該爲此定義一個默認按鈕: –

+0

謝謝,Royi Namar。是的,它適用於我 – Kmme83

回答

0

在您的單選按鈕change,使用提交表單:

$('#form-id').submit(); 

所以,你的HTML應該是:

<form id='form-id' method='post' action=''> 
<input type="radio" name="sex" value="male" /> Male<br/> 
<input type="radio" name="sex" value="female" /> Female<br/> 
<button type="submit">Click Me!</button> 
</form> 

和你的腳本應該是:

$(function(){ 
    $('input[type=radio]').change(function(){ 
     $('#form-id').submit(); 
    }); 
}); 
+0

「按輸入它應該提交」.... –

+0

感謝賽義德Neamati你的幫助。 – Kmme83

4

您錯過了<form>標記。

看一看here

+0

打我吧.. – Matt

0

添加表單標籤

 
<form method="post" action="somepage"> 
//add you inputs here 
<form>