Кнопка не активна пока не выбран чекбокс

Есть код

<form method=get action="#" name="tagform">
<input type=checkbox name="tag1">tag1<br />
<input type=checkbox name="tag2">tag2<br />
<input type=checkbox name="tag3">tag3<br />
<input type=checkbox name="tag4">tag4<br />
<input type=submit name=submit value="Submit data" onclick="tagsubmit(); return false;">
</form>
<script language=JavaScript><!--
function tagsubmit() {
    var tags = '';
    if (tagform.tag1.checked) tags = 'tag1';
    if (tagform.tag2.checked) {
        if (tags != '') tags = tags + '+';
        tags = tags + 'tag2';
    }
    if (tagform.tag3.checked) {
        if (tags != '') tags = tags + '+';
        tags = tags + 'tag3';
    }
    if (tagform.tag4.checked) {
        if (tags != '') tags = tags + '+';
        tags = tags + 'tag4';
    }
    window.location = 'http://site.ru/tag/' + tags + '&orderby=title&order=asc/';
}
//--></script>

Подскажите что добавить чтобы до выбора одного из чекбоксов кнопка была не активная