Question

我有一个主题列表，每个项目都有一个复选框和一个文本输入框。选中该复选框后，我想将此项的“menu_order_input”值设置为0.

 jQuery(document).ready( function($) {
       $(document).on('change','input[type="checkbox"][name^="gal-item"]',
       function(){
           $('.menu_order_input').val(0);
 });

使用上面的代码，当选中一个复选框时，所有项目menu_order_input值都设置为0.如何才能使此功能仅更改一个项目的值？

[编辑] menu_order_input“包含在div中，复选框没有任何包装。它被插入到javascript之前的”menue_order“div之前的html中。

Answer 1

它取决于您的HTML标记。

如果它们都在表格行中，例如您可以使用$(this).closest('tr').find('menu_order_input').val(0);

或者如果输入紧跟在复选框后面，则使用： $(this).next('.menu_order_item').val(0);

或来自jQuery: Traversing the DOM

的众多其他功能中的任何一项

Answer 2

$(this).siblings('.menu_order_input').val(0);

如何更改单个输入值而不是批量？

2 个答案: