添加复选框以排除多项选择题的可能答案

时间:2018-09-06 03:22:40

标签: javascript checkbox tampermonkey

Qconcursos.com有许多替代问题,例如:
qconcursos.com/questoes-de-concursos/questao/ccc0b219-43

但是它缺少消除错误选择的选项(例如删除线或淡入淡出),这可能非常有用。
这个other site有一个非常简洁的解决方案(每个替代方案右边的“ x”),我想在qconcursos.com上模仿(一个复选框即可实现一个简单的删除线命令就足够了。) / p>

但是我绝对不知道该怎么做。

如何使用Tampermonkey或其他技术添加这种控件?

1 个答案:

答案 0 :(得分:0)

请注意,堆栈溢出不是脚本编写服务,但是有时需要on topic at Web Applications Stack Exchange的问题来寻求网站的此类帮助。

也就是说,由于这是一个快速简便的转移方法,因此,这里是一个完整的有效Tampermonkey脚本,它向qconcursos.com添加了第二个站点具有的相同“ x”控件:

// ==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">&#x2169;</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;
    }
` );