2014-05-06 54 views
1

我有一个弹出式上弹出值,在弹出我有同样的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中,我试图让选择复选框值的输入隐蔽的地方,它的值是在表单内。

但我无法获得弹出选中复选框的值。

回答

0

您发布的内容有几个问题。

原因之一,是行不通的:

$("#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并解释一下你需要做什么?