0
0
Fork 0

i added select all function

bug209_yaaqobv2
yanbo2020 2022-06-06 17:11:29 +08:00
parent b9cf94da74
commit 2a570af421
1 changed files with 57 additions and 38 deletions

View File

@ -1,21 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes" />
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes"
/>
<meta name="format-detection" content="telephone=no" />
{{ yml['header'] | safe }}
{% if yml['css']['item'] %}
{% for css in yml['css']['item'] %}
<link href="{{ css }}" rel="stylesheet">
{% endfor %}
{% endif %}
{% if yml['js']['head'] %}
{% for js in yml['js']['head'] %}
{{ yml['header'] | safe }} {% if yml['css']['item'] %} {% for css in
yml['css']['item'] %}
<link href="{{ css }}" rel="stylesheet" />
{% endfor %} {% endif %} {% if yml['js']['head'] %} {% for js in
yml['js']['head'] %}
<script src="{{ js }}"></script>
{% endfor %}
{% endif %}
{% endfor %} {% endif %}
<title>EnglishPal Study Room for {{username}}</title>
</head>
@ -23,23 +22,43 @@
<p>勾选不认识的单词</p>
<form method="post" action="/{{username}}/mark">
<input type="submit" name="add-btn" value="加入我的生词簿" />
{% for x in lst %}
{% set word = x[0]%}
<input
onclick="checkall()"
type="button"
name="add-btn"
value="select all"
/>
{% for x in lst %} {% set word = x[0]%}
<p>
<font color="grey">{{loop.index}}</font>
:
<a href='http://youdao.com/w/eng/{{word}}/#keyfrom=dict2.index' title={{word}}>{{word}}</a>
<a
href="http://youdao.com/w/eng/{{word}}/#keyfrom=dict2.index"
title="{{word}}"
>{{word}}</a
>
({{x[1]}})
<input type="checkbox" name="marked" value={{word}}>
<input
class="select-all"
type="checkbox"
name="marked"
value="{{word}}"
/>
</p>
{% endfor %}
</form>
{{ yml['footer'] | safe }}
{% if yml['js']['bottom'] %}
{% for js in yml['js']['bottom'] %}
{{ yml['footer'] | safe }} {% if yml['js']['bottom'] %} {% for js in
yml['js']['bottom'] %}
<script src="{{ js }}"></script>
{% endfor %}
{% endif %}
<script>
function checkall() {
const selectAllCheckBox = document.querySelectorAll(".select-all");
for (let i = 0; i < selectAllCheckBox.length; i++) {
selectAllCheckBox[i].checked = true;
}
}
</script>
{% endfor %} {% endif %}
</body>
</html>