添加一个复选框以排除多项选择题的可能答案
Add a checkbox to exclude possible answers of a multiple-choice question
Qconcursos.com 有很多多选题,比如这个:
qconcursos.com/questoes-de-concursos/questao/ccc0b219-43
但它缺少消除错误选择(如删除线或淡入淡出)的选项,这可能非常有用。
这个 other site 有一个非常巧妙的解决方案(每个选项右边的 "x")我想在 qconcursos.com 上模仿(一个简单的删除线命令可以通过复选框实现够了)。
但我完全不知道该怎么做。
如何使用 Tampermonkey 或其他技术添加这样的控件?
请注意,Stack Overflow 不是脚本编写服务,但寻求此类网站帮助的问题有时是 on topic at Web Applications Stack Exchange。
也就是说,由于这是一个快速简单的转移,这里是 一个完整的工作 Tampermonkey 脚本,它添加了与第二个站点相同的 "x" 控件有,到 qconcursos.com:
// ==UserScript==
// @name Qconcursos, add exclusion buttons to answers
// @match https://www.qconcursos.com/questoes*
// @require https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @grant GM_addStyle
// ==/UserScript==
/* global $ */
$("label[id^='label-alternativa']").after ( `
<span class="tmExcludeSymb">Ⅹ</span>
` );
$(".uma-questao-corpo").on ("click", ".tmExcludeSymb", zEvent => {
$(zEvent.target).parent ().toggleClass ("tmGrayIt");
} );
GM_addStyle ( `
.tmExcludeSymb {
font-weight: bold;
padding: 0.3ex 1em;
cursor: pointer;
}
.tmGrayIt {
opacity: 0.35;
}
` );
Qconcursos.com 有很多多选题,比如这个:
qconcursos.com/questoes-de-concursos/questao/ccc0b219-43
但它缺少消除错误选择(如删除线或淡入淡出)的选项,这可能非常有用。
这个 other site 有一个非常巧妙的解决方案(每个选项右边的 "x")我想在 qconcursos.com 上模仿(一个简单的删除线命令可以通过复选框实现够了)。
但我完全不知道该怎么做。
如何使用 Tampermonkey 或其他技术添加这样的控件?
请注意,Stack Overflow 不是脚本编写服务,但寻求此类网站帮助的问题有时是 on topic at Web Applications Stack Exchange。
也就是说,由于这是一个快速简单的转移,这里是 一个完整的工作 Tampermonkey 脚本,它添加了与第二个站点相同的 "x" 控件有,到 qconcursos.com:
// ==UserScript==
// @name Qconcursos, add exclusion buttons to answers
// @match https://www.qconcursos.com/questoes*
// @require https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @grant GM_addStyle
// ==/UserScript==
/* global $ */
$("label[id^='label-alternativa']").after ( `
<span class="tmExcludeSymb">Ⅹ</span>
` );
$(".uma-questao-corpo").on ("click", ".tmExcludeSymb", zEvent => {
$(zEvent.target).parent ().toggleClass ("tmGrayIt");
} );
GM_addStyle ( `
.tmExcludeSymb {
font-weight: bold;
padding: 0.3ex 1em;
cursor: pointer;
}
.tmGrayIt {
opacity: 0.35;
}
` );