如何使用复选框启用Javascript代码?

时间:2017-10-03 17:02:35

标签: javascript tampermonkey

我只是在勾选复选框时尝试启用Javascript代码。

我想插入一个脚本,这样我就可以通过选中或取消选中该框来启用和禁用脚本。

2 个答案:

答案 0 :(得分:0)

如果您希望代码仅在选中复选框时运行,只需将该代码包装在函数中,然后检查是否在所述函数的顶部选中了该复选框。如果未选中,return将停止运行该功能的其余部分。

function codeToRun() {

    var myCheckbox = document.getElementById("checkbox-id");

    if (!myCheckbox.checked) {
        return;
    }

    // Whatever code you want to be run
    doWhatYouWantToDoHere();
}

如果未选中该复选框,则该功能将return而不会一直运行。如果选中,则该功能将正常运行。

答案 1 :(得分:0)

你可以使用像这样的JQuery

<强> HTML

<input id="checkbox" type="checkbox" /> 

<强> JS

$('#checkbox').click(function(){
    if (this.checked) {
        // your code here
    }

    else {
        // the opposite (to disable the script as you want)
    }
})