选中/取消选中复选框时更改相应标签的文本

Question

我无法使用此 javascript 函数。任何帮助将非常感激！

---

 <input type="checkbox" class="checkit" name="smoking" id="smoking" value="1" onclick="yesno('smoking','yesnos');" /><label for="smoking" name="yesnos" id="yesnos">No</label>

        function yesno(thecheckbox, thelabel){
            var checkboxvar = document.getElementById(thecheckbox);
            var labelvar = document.getElementById(thelabel);
            if (checkboxvar.checked == false){
                document.getElementById(labelvar).innerHTML = "No";
            }
            else{
                document.getElementById(labelvar).innerHTML = "Yes";
            }
        }

原文由 John 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我将您的代码更改为此，它似乎有效：

 function yesno(thecheckbox, thelabel) {

    var checkboxvar = document.getElementById(thecheckbox);
    var labelvar = document.getElementById(thelabel);
    if (!checkboxvar.checked) {
        labelvar.innerHTML = "No";
    }
    else {
        labelvar.innerHTML = "Yes";
    }
}

在 jsFiddle 上 查看这里

原文由 Swaff 发布，翻译遵循 CC BY-SA 2.5 许可协议