English 中文(简体)
利用JQuery在纽顿点选定多个清单项目数值
原标题:Use JQuery to select multiple list item values on click of button

我有一份名单,与此类似(任意数量为零):

<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每件物品进行排他性处理,并在点击后收集每件物品的封面价值(有时我会把这个插头带上一个网站和一个数据库)。

这是我对《古兰经》的尝试,然而,我是一位相对的开端人(即Noob) 我已失去......

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

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

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

    alert(id);

  });


});
</script>

I am hoping there is a way to correct the traversing of my id variable so its not more complicated...

我已经简化了这个问题,但我确信,如果能够回答的话,我可以扩大对我更复杂的法典的答复。

事先得到帮助!

最佳回答

页: 1

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

This code uses a normal jQuery call to get the checked elements, then calls the map method to convert the set of checkboxes into a set of value strings.
It then calls get to convert the jQuery object of strings into a normal array.
Finally, it calls the Javascript join method to convert the array into a single comma-separated string.

问题回答

考虑这一结构:

<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>

如果你重新试图确定选择哪些产品检查箱,就会有更简单的方式。

例如,如果贵国的检查箱领域如此:

<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参数产品_id_1=yes和产品_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" />

在选择所有这些检查箱时,产品_id URL 参数的价值为1 2,3。 如果只选定2和3个,价值为2,3个。 仅仅选择第一个检查箱就会产生1个价值。

值得指出的是,在你的例子中,你在隐蔽领域重复了ID。 这可能是一种监督,因为你试图制定简单的样本守则。 否则,这一事实肯定会使你的问题复杂化。 特征识别仪必须是独特的。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签