From 78e5524baeab2de17edc70a268f9cb7b49a7a0af Mon Sep 17 00:00:00 2001
From: sunny <947841205@qq.com>
Date: Sun, 29 May 2022 15:19:07 +0800
Subject: [PATCH] userpage_post.html: update userpage_post.html.
---
app/templates/userpage_post.html | 27 ++++++++++++++++++++++++++-
1 file changed, 26 insertions(+), 1 deletion(-)
diff --git a/app/templates/userpage_post.html b/app/templates/userpage_post.html
index ba3b38d..f7da573 100644
--- a/app/templates/userpage_post.html
+++ b/app/templates/userpage_post.html
@@ -19,10 +19,19 @@
<title>EnglishPal Study Room for {{username}}</title>
</head>
+<style>
+ #checkall{
+ opacity: 0;
+ }
+ #span{
+ opacity: 0;
+ }
+</style>
<body>
<p>勾选不认识的单词</p>
<form method="post" action="/{{username}}/mark">
<input type="submit" name="add-btn" value="加入我的生词簿"/>
+ <input type="checkbox" name="add-btn" value="全选"id="checkall"/><span id="span">全选</span><br>
{% for x in lst %}
{% set word = x[0]%}
<p>
@@ -32,7 +41,6 @@
({{x[1]}})
<input type="checkbox" name="marked" value={{word}}>
</p>
-
{% endfor %}
</form>
{{ yml['footer'] | safe }}
@@ -41,5 +49,22 @@
<script src="{{ js }}" ></script>
{% endfor %}
{% endif %}
+ <script>
+ let all=document.getElementById("checkall");
+ let span=document.getElementById("span");
+ let checks=document.getElementsByName("marked")
+ if(checks.length>10){
+ all.style.opacity='1'
+ span.style.opacity='1'
+ }
+ all.addEventListener("click",function(){ //在按钮处设置监听
+ let flag=all.checked; //把按钮的checked值赋给flag
+ for(let i=0;i<checks.length;i++){
+ //循环多选框元素集，把多选框的checked改成flag，
+ //当btn选中，其他也选中，状态跟随
+ checks[i].checked=flag;
+ }
+ })
+ </script>
</body>
</html>
\ No newline at end of file