js为checkbox后的文字增加国际化

要为 checkbox 后的文字增加国际化，可以使用 JavaScript 的国际化 API，如 Intl 对象和 i18next 库。以下是一个示例：

HTML:

<label>
  <input type="checkbox" name="agree" id="agree">
  <span data-i18n="agree">I agree to the terms and conditions</span>
</label>

JavaScript:

// 初始化 i18next 库
i18next.init({
  lng: 'en', // 设置默认语言为英文
  resources: {
    en: {
      translation: {
        agree: 'I agree to the terms and conditions',
        // 其他国际化文本
      }
    },
    zh: {
      translation: {
        agree: '我同意遵守条款和条件',
        // 其他国际化文本
      }
    }
  }
});

// 获取所有带有 data-i18n 属性的元素，并替换为对应语言的文本
document.querySelectorAll('[data-i18n]').forEach(function(element) {
  element.textContent = i18next.t(element.getAttribute('data-i18n'));
});

这样，当用户选择不同的语言时，checkbox 后的文字就会自动切换为对应语言的文本。