当我选择了复选框(input的checkbox属性)后提交按钮就变成一个动态的提交按钮，如果没有任何复选框被选中就恢复原样

当你在表单中使用复选框元素（input的type属性设置为"checkbox"），并且用户选择了一个或多个复选框，你可能会想要提供一种反馈机制，比如改变提交按钮的状态或者文案，显示“已选择”或“提交所选选项”的信息。当所有复选框都没有被勾选时，这个动态效果应该消失，变回初始的提交状态。

实现这种功能，通常会在表单的某个地方（例如：javascript事件监听器）添加以下逻辑：

// 获取复选框和提交按钮元素
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var submitButton = document.getElementById('submit-button');

// 遍历复选框，当有任何一项被选中时，更新按钮状态
checkboxes.forEach(function(checkbox) {
    checkbox.addEventListener('change', function() {
        if (checkbox.checked) {
            submitButton.textContent = "提交所选";
            // 或者设置样式，比如背景颜色变化
            submitButton.classList.add('selected');
        } else {
            // 如果所有复选框都未选中，恢复默认样式和文案
            checkboxes.every(function(check) { return !check.checked; }) && (submitButton.textContent = "提交", submitButton.classList.remove('selected'));
        }
    });
});

这样，每次用户操作复选框时，都会触发按钮状态的变更。如果想了解更多细节或者遇到问题，可以随时提问哦。