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

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

Answer 2

if(document.getElementById('radio_id').checked) {
  //this is checked
}

等等..

检查单选按钮状态（javascript / canvas）

2 个答案: