用闭包减少代码

做一个radiolist控制textbox显示隐藏的功能，最初的代码：

rblSecurityCameras = document.getElementsByName("<%=rblSecurityCameras.UniqueID %>");
        txtSecurityCameras = document.getElementById("<%=txtSecurityCameras.ClientID %>");


        for (i in rblSecurityCameras) {
            rblSecurityCameras[i].onclick = function(){
                if (this.value == "2" && this.checked) {
                    txtSecurityCameras.style.display = 'none';
                }
                else if (this.value == "1" && this.checked) {
                    txtSecurityCameras.style.display = '';
                }
};
             if (rblSecurityCameras[i].value == "2" && rblSecurityCameras[i].checked) {
                    txtSecurityCameras.style.display = 'none';
                }
                else if (rblSecurityCameras[i].value == "1" && rblSecurityCameras[i].checked) {
                    txtSecurityCameras.style.display = '';
                }
        }

点击事件和load的过程的代码是相同的，有代码洁癖的我就不干了。

使用闭包

rblSecurityCameras = document.getElementsByName("<%=rblSecurityCameras.UniqueID %>");
        txtSecurityCameras = document.getElementById("<%=txtSecurityCameras.ClientID %>");

        var mm = function(obj, txt) {
            return (function() {
                if (obj.value == "2" && obj.checked) {
                    txt.style.display = 'none';
                }
                else if (obj.value == "1" && obj.checked) {
                    txt.style.display = '';
                }
            });
        };

        for (i in rblSecurityCameras) {
            rblSecurityCameras[i].onclick = mm(rblSecurityCameras[i], txtSecurityCameras);
            mm(rblSecurityCameras[i], txtSecurityCameras)();
        }