使用jQuery按钮

Question

的点击选择多个列表项的值我有一个类似的列表（含锂的任意数量）：

<ul> 

<li> 
    <div class="box"> 
    <table> 
    <tr> 
    <td>Product 1</td> 
    <td><input type="hidden" class="hiddenid" value="5" /></td> 
    <td><input type="checkbox" value="yes" /></td> 
    </tr> 
    </table> 
    </div> 
</li> 


<li> 
    <div class="box"> 
    <table> 
    <tr> 
    <td>Product 2</td> 
    <td><input type="hidden" class="hiddenid" value="6" /></td> 
    <td><input type="checkbox" value="yes" /></td> 
    </tr> 
    </table> 
    </div> 
</li> 


</ul> 

<input type="submit" id="submit" /> 

，我需要通过每一个项目使用jQuery循环，一旦点击了#submit（最终我会将这个字符串传递给一个php页面和一个数据库），就可以通过一个复选框收集每个项目的#hiddenid值。

这是我尝试在JQuery的，但是是相对初学者（即小白）我很失落......

<script> 
$(document).ready(function() { 

    $(".arrow").click(function() { 

    var id = $.each("#stockyesno:checked").closest(".box").find(".hiddenid").val(); 

    alert(id); 

    }); 


}); 
</script> 

我希望有一种方法来纠正我的ID的穿越变量，所以它不会更复杂...

我简化了这个问题，但我敢肯定，如果这可以回答我可以缩放答案我更复杂的代码。

感谢您的帮助！

Answer 1

你试图写

var ids = $(".stockyesno:checked").map(function() { 
    return $(this).closest(".box").find(".hiddenid").val(); 
}).get(); 
var idString = ids.join(','); 

该代码使用jQuery的正常通话，以获得选中的元素，然后调用map method到复选框集转换成一组值的字符串。
然后它调用get将字符串的jQuery对象转换为普通数组。
最后，它调用Javascript join方法将数组转换为单个逗号分隔的字符串。

Answer 2

考虑这样的结构：

<ul> 
    <li> 
     Product 1 
     <input type="hidden" class="hiddenid" value="5" /> 
     <input type="checkbox" value="yes" /> 
    </li> 
    <li> 
     Product 2 
     <input type="hidden" class="hiddenid" value="6" /> 
     <input type="checkbox" value="yes" /> 
    </li> 
</ul> 

Answer 3

如果你试图确定哪些产品的复选框被选中，也有更简单的方法。

例如，如果您的复选框领域是这样的：

<input type="checkbox" name="product_id_1" id="product[1]" value="yes" /> 
<input type="checkbox" name="product_id_2" id="product[2]" value="yes" /> 
<input type="checkbox" name="product_id_3" id="product[3]" value="yes" /> 

你会那么可以在提交给服务器使用的名称和它们的值。例如，如果您选择了第一个和最后一个复选框，则可以使用URL参数product_id_1 = yes和product_id_3 = yes来处理。

简单仍然：

<input type="checkbox" name="product_id" value="1" /> 
<input type="checkbox" name="product_id" value="2" /> 
<input type="checkbox" name="product_id" value="3" /> 

当所有这些复选框被选中，则PRODUCT_ID URL参数的值将是1,2,3。如果仅选择2和3，则值为2,3。选择第一个复选框会导致值为1.

值得指出的是，在您的示例代码中，您在隐藏字段上具有重复的ID。这可能是一个疏忽，因为你试图创建简单的示例代码。如果没有，这个事实肯定会让你的问题复杂化。元素ID必须是唯一的。