jQuery通过closest查找对应类修改input值及PHP循环表单场景处理问题

你原代码不生效的核心问题是方法调用逻辑错误：

• closest() 是用来查找当前元素的祖先层级节点，而触发事件的this本身就是.onchangefield元素，自然找不到父级的同class节点
• find() 是查找当前元素的子级节点，但你的.haschange隐藏字段是和输入框同级的相邻节点，也无法匹配到

你的所有可编辑字段和对应的隐藏字段都是相邻同级的结构，直接用next()匹配下一个同级别隐藏字段即可，同时兼容普通单字段、PHP循环生成的多组字段：

JS代码 #

$(document).ready(function() {
  // 同时绑定input（实时输入触发）和change（失焦/选择文件触发）事件，覆盖所有修改场景
  $(".onchangefield").on('input change', function() {
    // 直接取当前字段的下一个相邻的.haschange元素，赋值为1
    $(this).next('.haschange').val(1);
  });
});

PHP循环代码修改 #

你循环生成的隐藏字段默认value为空，需要改成初始值0，和其他字段逻辑统一：

<?php 
$i=1;
$arrayName = array('1','2','3');
foreach ($arrayName as $key => $value) {?>
     <input type="file" name="slider[]"  class="fileupload onchangefield">
     <!-- 修改默认value为0 -->
     <input type="hidden" name="haschange[slider][<?php echo $i;?>]" class="haschange" value="0">
<?php $i++; } ?>

如果后续你的表单结构调整，可编辑字段和隐藏字段不再相邻，可以通过name属性关联匹配，逻辑更稳定：

$(document).ready(function() {
  $(".onchangefield").on('input change', function() {
    const rawName = $(this).attr('name');
    // 处理数组格式的name 比如slider[] 提取出slider
    const fieldKey = rawName.replace('[]', '');
    // 匹配前缀为haschange[fieldKey]的隐藏字段
    $(`input[name^="haschange[${fieldKey}]"]`).val(1);
  });
});

内容的提问来源于stack exchange，提问作者user9437856