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

我有一个ITME列表，每个项目都有一个复选框和一个文本输入框。选中此复选框后，我想将此项的“菜单顺序”输入值设置为0

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

使用上述代码，当选中一个复选框时，所有项目菜单\顺序\输入值设置为0。如何使此函数仅更改一项的值

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

[编辑]

---

菜单顺序输入被包装在一个div中，复选框没有任何包装。通过javascript将其插入到菜单顺序div之前的html中。

它会在html标记上显示

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

例如，如果它们都在一个表行中，您可以使用$this.closest'tr'.find'menu\u order\u input'.val0

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

或者，如果输入紧跟在复选框之后，则使用： $this.next'.menu\u order\u item'.val0

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

或

中的任何其他功能，您必须选择与已更改复选框相关的.menu\u order\u输入，而不是全部。如何做到这一点取决于您的HTML标记，只有您知道；但是，jQuery有非常好的文档，我建议您通读遍历方法：

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