我在将变量写入模态窗口时遇到麻烦

时间:2019-03-21 11:33:28

标签: javascript html

所以我完全不喜欢javascript,可悲的是我需要将其用于一个小型项目。我正在核对清单,但无法获取要写入模式框的变量。我忽略了清单的其余部分,因为那将是很多不必要的HTML。

我要实现的目标

带有计数的if语句将计算您在检查表上得到了正确的分数。然后,他会将计算结果写入模态框/窗口。但是我无法控制变量槽。可能是范围问题吗?

我的代码

<a class="subbtn" href="#popup1" onclick="checkboxes()">Verstuur</a>
<script>
$(document).ready(function () {
    $(".checklist").contents().find(":checkbox").bind('change', function () {
        val = this.checked; //<---
        $(this).parent().toggleClass('checked');
    });
    $(".checklist").contents().find(":checkbox").bind('focus', function () {
        val = this.focused; //<---
        $('.focus').removeClass('focus');
        $(this).parent().addClass('focus');
    });
});
</script>
<script>
function checkboxes(variable) {
    var inputElems = document.getElementsByTagName("input")
        , count = 0;
    for (var i = 0; i < inputElems.length; i++) {
        if (inputElems[i].type == "checkbox" && inputElems[i].checked == true) {
            count++;
        }
    }
    if (count == '0') {
        document.getElementsByClassName('content').innerHTML = variable;
    }
    else if (count == '5') {
        alert('Not good')
    }
    else if (count < 5) {
        alert('decent')
    }
    else if (count > '5') {
        alert('Better')
    }
}
</script>
</section>
</div>
<div id="popup1" class="overlay">
<div class="popup">
    <h2>Je scoort</h2> <a class="close" href="#">&times;</a>
    <div class="content">
        <script>variable</script>
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

问题似乎是您得到列表的事实。您可以使用它来获得具有类名的单个元素。

    TypeDescriptor.GetProperties(this)["SelectedChar"].RemoveValueChanged(this, OnSelCharChanged);

这对我有用。

   function checkboxes(variable) {
        var variable = "mooi";
        var inputElems = document.getElementsByTagName("input")
            , count = 0;
        for (var i = 0; i < inputElems.length; i++) {
            if (inputElems[i].type == "checkbox" && inputElems[i].checked == true) {
                count++;
            }
        }
        if (count == '0') {
            document.querySelector('.content').innerHTML = variable;
        }
        else if (count == '5') {
            alert('bagger')
        }
        else if (count < 5) {
            alert('Waardeloos')
        }
        else if (count > '5') {
            alert('Beter')
        }
    }

也可以。