javascript - 检查单选按钮的状态 (javascript/canvas)

Question

我有一个 Canvas ，以及 HTML 页面上其他位置的输入，可让您输入内容并显示在 Canvas 上。有多个背景图像，其中有一个特别暗。没什么大不了的，只是让它在单击单选按钮时将颜色更新为白色。问题是，如果您添加新内容，文本颜色会变回黑色，很难再看到。有没有办法让javascript检查单击了哪个单选按钮而不是依赖“onClick”？

function text(imgURL){
    var asdf = document.getElementById("canvas");
    var ctx=asdf.getContext("2d");
    asdf.width = asdf.width;
    var val = input.value;
    if(imgURL === "dark.png"){
        ctx.fillStyle = "#FFFFFF";
    }else if(imgURL === "dark2.png"){
        ctx.fillStyle = "#FFFFFF";
    }else if(imgURL === "dark3.png"){
        ctx.fillStyle = "#FFFFFF";
    }else{
        ctx.fillStyle = "#000000";  
    }
    ctx.font = "bold 22px sans-serif";
    ctx.textAlign = "right";
    ctx.fillText(val, 349, 47);
}

Answer 1

if(document.getElementById('what_ever_the_id_is').checked == true)
//your code

同样，您也可以将它用于复选框。