取消勾选复选框时，如何清除jquery.businesshours中指定文本框的值？

这个场景太典型了——插件批量生成的输入框共用了startTime[]/endTime[]这类数组式name，直接通过name选择器操作必然会命中所有元素。咱们换个思路，通过元素的层级关系或者上下文定位来精准操作单个输入框，给你几个实用方案：

方案1：通过行索引定位特定时间段 #

jquery.businesshours通常会把每个时间段的起止时间输入框放在同一个独立容器里（比如带.businesshours-row类的div/行元素）。你可以先定位到目标行，再在该行范围内查找输入框：

// 示例：清空第2个时间段的startTime（索引从0开始，eq(1)对应第二行）
container.find(".businesshours-row").eq(1).find("[name='startTime[]']").val('');

// 如果要清空对应行的endTime，只需替换name选择器
// container.find(".businesshours-row").eq(1).find("[name='endTime[]']").val('');

原理：先缩小操作范围到目标行，再在该行内查找输入框，完全不会影响其他行的元素。

方案2：结合事件上下文（点击行内按钮触发清除） #

如果是用户点击某行的“清除”按钮来触发操作，用$(this)结合closest()就能精准锁定当前行：

// 假设每行都有一个带.clear-btn类的清除按钮
container.on("click", ".clear-btn", function() {
  // 向上找到当前按钮所在的时间段行
  const targetRow = $(this).closest(".businesshours-row");
  // 清空该行的startTime
  targetRow.find("[name='startTime[]']").val('');
  // 可选：同时清空endTime
  // targetRow.find("[name='endTime[]']").val('');
});

注意：用container.on()做事件委托，能兼容动态添加的新行（插件新增的时间段行也能触发清除事件）。

方案3：优先使用插件原生API（更稳妥） #

很多批量操作类插件会提供单条数据的操作API，比如更新、清空单条时间段。你可以查看jquery.businesshours的文档，看看是否有类似updateHour(index, options)或者clearHour(index)这类方法，直接调用插件API比手动操作DOM更不容易出问题。

小提示 #

先打开浏览器开发者工具，查看插件生成的DOM结构，确认每行容器的类名（比如有的插件用tr而不是div，选择器要对应调整），确保选择器能精准命中目标元素。

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