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

Checking for a radio button's state (javascript/canvas)

本文关键字：canvas javascript 单选按钮 状态 检查      更新时间：2023-09-26

我有一个画布，以及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);
}

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

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

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

等等..

相关文章：