分開兩個html表單

我在這裏創建了兩個表單http://jsfiddle.net/B9r22/8/，當你提交它們時，它們轉換爲JSON，問題是當你提交第一個表單然後第二個表單時，這兩個表單都有來自JSON表單的數據，我如何重置表單或將它們分開？分開兩個html表單

<form name="first" id="1" action="" method="post"> 
Which city is in Great Britain?<br/> 
London:<input type="radio" name="first" data-questionid="1" value="11"/><br/> 
New York:<input type="radio" name="first" data-questionid="1" value="12"/><br/> 
<p><input type="submit" /></p> 
</form> 

<form name="second" id="2" action="" method="post"> 
Which city is in USA?<br/> 
Washington:<input type="radio" name="second" data-questionid="2" value="13"/><br/> 
Tokio:<input type="radio" name="second" data-questionid="2" value="14"/> 
<p><input type="submit" /></p> 
</form>

來源

2014-03-05 user3357400

使用形式，範圍，當你得到的單選按鈕：

$('input[type="radio"]:checked', this)

演示：http://jsfiddle.net/B9r22/11/

來源

2014-03-05 22:07:56 Guffa

是它的工作...我有另外一個小問題，當有一個文本http://jsfiddle.net/B9r22/13/當不填充我想有空JSON，有沒有像input [type =「radio」]：檢查文本 – user3357400

@ user3357400：你可以使用'filter'方法來獲取內容爲'$（'input [type =「text」]的輸入'，this）.filter（function（i，e）{return $（e）.val（）。length> 0; }）' – Guffa

您可以使用表單復位，這將設置輸入爲默認值，但忽略像type=hidden

$('#1')[0].reset();

來源

2014-03-05 22:05:16 shenku

某些領域，據我所看到的，問題就出在線路6.您的腳本通過一種無線電收集整個DOM（文檔）中所有input字段的數據。相反，給選擇當前提交表單僅符合特定領域的背景下（使用$(this).find其中$(this)指提交的表單）：

更改線路6 $(this).find('input[type="radio"]:checked').each(function(){

http://jsfiddle.net/B9r22/12/

來源

2014-03-05 22:05:59

您需要以限制

$（ '輸入[類型= 「無線電」]：檢查'）

在提交的表單：

$('form').submit(function() { 
     var form = $(this); 
     //.... 

     $('input[type="radio"]:checked', form).each(function(){ 
      //...

http://jsfiddle.net/B9r22/9/

來源

2014-03-05 22:07:03 jbsouvestre

你應該使用$（本）

$(this).find('input[type="radio"]:checked').each(function(){

http://jsfiddle.net/B9r22/10/

來源

2014-03-05 22:07:23

分開兩個html表單

回答

相關問題