友链申请约束

位置：主题设置 > 页面设置 > 友链页面-补充信息

<div class="friend-link-application">
  <h3>申请友情约束</h3>
  <div class="conditions">
    <label>
      <input type="checkbox" class="condition-checkbox" data-condition="1"> 
      我已添加本站博客的友情链接
    </label>
    <label>
      <input type="checkbox" class="condition-checkbox" data-condition="2"> 
      网站为已备案的非商业性博客，广告推广内容不占主体
    </label>
    <label>
      <input type="checkbox" class="condition-checkbox" data-condition="3"> 
      网站存在一定数量的原创文章且内容符合中国大陆法律法规
    </label>
  </div>
</div>

<style>

#plugin-links-apply-section{
  display: none;
}
  
.friend-link-application h3 {
  margin: 0;
}

.conditions {
  margin-bottom: 20px;
}

.conditions label {
  font-weight: bold;
  cursor: var(--cursor-pointer);
  display: block;
  margin: 10px 0;
  padding: 8px 12px;
  background: var(--bg-a);
  border-radius: var(--radius-inner);
  transition: all 0.3s ease;
}

.conditions label input{
  cursor: var(--cursor-pointer);
}

</style>
  
<script>
function initLinkApplyToggle() {
  const checkboxes = document.querySelectorAll('.condition-checkbox');
  const applySection = document.getElementById('plugin-links-apply-section');
  if (!checkboxes.length || !applySection) return;

  const toggle = () => {
    const allChecked = [...checkboxes].every(cb => cb.checked);
    applySection.style.display = allChecked ? 'block' : 'none';
  };

  toggle();
  checkboxes.forEach(cb => {
    cb.removeEventListener('change', toggle); // 防止重复绑定
    cb.addEventListener('change', toggle);
  });
}

/* 首次加载 */
document.addEventListener('DOMContentLoaded', initLinkApplyToggle);
/* PJAX 完成后重新初始化 */
document.addEventListener('pjax:complete', initLinkApplyToggle);
</script>