javascript - 选择复选框时显示 id

Question

我有几个复选框，其中两个需要显示 ID 涵盖的一些字段。

我让它适用于一个 ID，但我需要让它适用于 2 个 ID。

这是我的第一个复选框的工作示例，它也需要适用于第二个复选框:http://jsfiddle.net/fourroses666/nane902a/1/

这是我的代码:

var checkDisplay = function(check, sl) {
    form = document.getElementById(sl), check = document.getElementById(check);
    check.onclick = function(){
        form.style.display = (this.checked) ? "block" : "none";
        form.reset();
    };
    check.onclick();
};

checkDisplay("check", "sl");

Answer 1

我会向复选框添加类，以使 JavaScript 更加紧凑，并且还可以轻松地让您在组合中添加其他复选框。

类似这样的事情:

var frm = document.getElementById('sl');
var check = document.getElementsByClassName('showsubform');
for (var i = 0, length = check.length; i < length; i++) {
    check[i].addEventListener('click', function() { frm.style.display = (this.checked) ? "block" : "none"; });   
}

我编辑了your fiddle并在那里创建了一个工作示例。

如果您更喜欢使用 onclick，为了支持 IE8，您只需将 addEventListener 替换为:

check[i].onclick = function() { frm.style.display = (this.checked) ? "block" : "none"; };