獲得jQuery Mobile的

我有一個彈出式上彈出值，在彈出我有同樣的name.When複選框我們點擊按鈕獲得jQuery Mobile的

我需要選擇複選框。

彈出

<div class="form"> 
    <ul class="lists"> 
     <li> 
      <div class="ui-checkbox"> 
       <label class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off" for="int1">test</label> 
       <input id="int1" name="result" value="CPmiyS6vXv3RHPpTGW81" type="checkbox" /> 
      </div> 
     </li> 
     <li> 
      <div class="ui-checkbox"> 
       <label class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off" for="int2">test1</label> 
       <input id="int2" name="result" value="5JCHGPLRrDemmqlfOGEJ" type="checkbox" /> 
      </div> 
     </li> 
     <li> 
      <div class="ui-checkbox"> 
       <label class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off" for="int3">test21</label> 
       <input id="int3" name="result" value="5R4OVDmAHL86LvwbkOWO" type="checkbox" /> 
      </div> 
     </li> 
    </ul> 
    <div> 
     <div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset"> 
      <input class="createName" name="name" placeholder="Create Name" type="text" /> 
     </div> 
    </div> 
    <div class="actions"> 
     <div> 
      <div class="ui-btn ui-input-btn ui-corner-all ui-shadow"> 
       Add to Names 
       <input value="Add Name" title="Add to Name" name="submit" class="major popup_add_to_name" type="submit" /> 
      </div> 
     </div> 
     <a href="#" class="link ui-link" data-rel="back">cancel</a> 
    </div> 
</div>

jQuery代碼

$(".popup_add_to_name").on("click", function(e) { 


     $("#productForm input[name=name]").val($("#form input[name=name]:checked").val()); 
     var form = $("#productForm"); 
     $.ajax({ 
       url: '/name/list/add', 
       type: 'post', 
       data: form.serialize(), 
       dataType: 'json', 
       crossDomain: true, 
       timeout: 5000, 
       success : displayAddItemsToList 
     }); 
    });

jQuery中，我試圖讓選擇複選框值的輸入隱蔽的地方，它的值是在表單內。

但我無法獲得彈出選中複選框的值。

來源

2014-05-06 sree

您發佈的內容有幾個問題。

原因之一，是行不通的：

$("#productForm input[name=name]").val($("#form input[name=name]:checked").val());

它說，找到他的名字是具有productForm的ID，並將其值設置爲輸入值的元素中的名稱輸入名稱是具有表單ID的元素內的名稱。這可能是好的，如果你有一個元素productForm與輸入名稱的名稱在別的地方，你沒有顯示在你的HTML上面，那麼你有選擇器中的檢查屬性，你的#form input[name=name]不是一個複選框，所以它永遠不會有一個檢查屬性。

您的標記中還有其他問題。複選框都具有相同的名稱。他們應該是唯一的，如果他們是複選框（這樣你可以選擇一個或多個項目）。那麼你應該只能序列化你的表單，但是目前你正試圖序列化一些id爲productform的元素中的數據。在您發佈的html中，沒有元素具有產品形式的ID。

另外，我懷疑在你的ajax調用中可能會有一些挑戰。你確定你想要跨域通話嗎？而且，我猜測成功函數可能需要傳遞給它的一些數據，比如要添加到列表中的哪些項目要顯示（只是基於名稱的猜測）。

也許你可以發佈你的#productForm並解釋一下你需要做什麼？

來源

2014-05-06 23:09:41 jme11

獲得jQuery Mobile的

回答

相關問題