友链复选框

木偶AI正在绞尽脑汁想思路ING···
木偶のAI摘要
DeepSeek-Chat

部署方法

在 友链页面的 index.md 文件中添加以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<p style="padding:0 0 0 .8rem"><strong>勾选</strong>你符合的条件:</p>
<div id="friendlink_checkboxs" style="padding:0 0 0 1.6rem">
<p>
<label class="checkbox">
<input type="checkbox" id="checkbox1" onclick="checkForm()" />
我已添加 <b>【木偶の笔记】</b> 博客的友情链接
</label>
</p>
<p>
<label class="checkbox">
<input type="checkbox" id="checkbox2" onclick="checkForm()" />
我的链接主体为 <b>个人</b>,网站类型为<b>博客</b>
</label>
</p>
<p>
<label class="checkbox">
<input
type="checkbox"
id="checkbox3"
onclick="checkForm()"
/>我的网站现在可以在中国大陆区域正常访问
</label>
</p>
<p>
<label class="checkbox">
<input
type="checkbox"
id="checkbox4"
onclick="checkForm()"
/>网站内容符合中国大陆法律法规
</label>
</p>
<p>
<label class="checkbox">
<input
type="checkbox"
id="checkbox5"
onclick="checkForm()"
/>我的网站可以在1分钟内加载完成首屏
</label>
</p>
</div>

<script>
var twikooSubmit = document.getElementsByClassName("tk-submit")[0];
if (twikooSubmit) {
twikooSubmit.style.opacity = "0";
}
function checkForm() {
var checkbox1 = document.getElementById("checkbox1");
var checkbox2 = document.getElementById("checkbox2");
var checkbox3 = document.getElementById("checkbox3");
var checkbox4 = document.getElementById("checkbox4");
var checkbox5 = document.getElementById("checkbox5");
var twikooSubmit = document.getElementsByClassName("tk-submit")[0];
if (
checkbox1.checked &&
checkbox2.checked &&
checkbox3.checked &&
checkbox4.checked &&
checkbox5.checked
) {
twikooSubmit.style.opacity = "1";
twikooSubmit.style.height = "auto";
twikooSubmit.style.overflow = "auto";
var input = document.getElementsByClassName("el-textarea__inner")[0];
let evt = document.createEvent("HTMLEvents");
evt.initEvent("input", true, true);
input.value = "";
input.dispatchEvent(evt);
input.focus();
input.setSelectionRange(-1, -1);
} else {
twikooSubmit.style.opacity = "0";
twikooSubmit.style.height = "0";
twikooSubmit.style.overflow = "hidden";
}
}
</script>

<style>
.tk-comments > .tk-submit {
opacity: 0;
height: 0;
transition: opacity 0.5s, height 0.5s;
overflow: hidden;
}
</style>

大功告成~