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

Question

我所拥有的是一个画布,以及HTML页面上其他位置的输入,可让您输入内容并显示在画布上.有多个背景图像,特别是有一个是黑暗的.没有什么大不了的,只需点击单选按钮就可以了,它会将颜色更新为白色.问题是,如果添加新内容,文本颜色会变回黑色,这样很难再次看到.有没有办法让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

同样,您也可以将它用作复选框.