选中/取消选中复选框时更改相应标签的文本 [英] change text of corresponding label when checkbox is checked/unchecked

问题描述

我无法使用这个javascript函数。任何帮助将不胜感激！

I can't get this javascript function to work. Any help would be much appreciated!

<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";
            }
        }

推荐答案

我将您的代码更改为此并且似乎有效：

I changed your code to this and it seems to work:

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

See here on jsFiddle

这篇关于选中/取消选中复选框时更改相应标签的文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！