querySelectorAll('[type="checkbox"]:checked') не работает в ИЕ

[Maxx]

Добрый вечер!

<table id="tbl-parts">
	<thead>
		<tr align="center">
			<th></th>
			<th></th>
			<th></th>
			<th></th>
			<th><input id="checkall" type="checkbox"></th>
		</tr>
	</thead>
						
	<tr class="even">
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td><input id="chbx1" class="chbx" name="chbx" type="checkbox" value="432063JA0A"></td>
	</tr>
				
	<tr class="odd">
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td><input id="chbx1" class="chbx" name="chbx" type="checkbox" value="432063JA0A"></td>
	</tr>	
	<tr><td colspan="4"></td><td><button id="lss-bnt" class="button" onclick="javascript:showPartsList(contID)" disabled="disabled">Подобрать...</button></td></tr>
</table>

function markRowsInit() {
	var rows = document.getElementsByTagName('tr');
	var checkboxes = document.querySelectorAll('input.chbx');
	var checkall = document.getElementById('checkall');
	var button = document.getElementById('lss-bnt');
	var tableID = 'tbl-parts';
	
	for ( var i = 0; i < rows.length; i++ ) {
        // to mark the row on click ...
        rows[i].onmousedown = function() {
            var unique_id;
            var checkbox;

            checkbox = this.getElementsByTagName( 'input' );
            if ( checkbox && checkbox.type == 'checkbox' ) {
				unique_id = checkbox.id;
            } 
			else if ( this.id.length > 0 ) {
                unique_id = this.id;
            } 
			else {
                return;
            }

            if ( typeof(marked_row[unique_id]) == 'undefined' || !marked_row[unique_id] ) {
                marked_row[unique_id] = true;
            } 
			else {
                marked_row[unique_id] = false;
            }

            if ( marked_row[unique_id] ) {
                this.className += ' marked';
            } 
			else {
                this.className = this.className.replace(' marked', '');
            }

            if ( checkbox && checkbox.disabled == false ) {
                checkbox.checked = marked_row[unique_id];
            }
			
		//var checkedCount = document.querySelectorAll('input.chbx:checked').length;
		var checkedCount = document.querySelectorAll('[type="checkbox"]:checked').length;
		checkall.checked = checkedCount == checkboxes.length;
		checkall.indeterminate = checkedCount > 0 && checkedCount < checkboxes.length;						
		button.disabled = checkedCount == 0;
        }
        
		// checkbox clicks
        var checkbox = rows[i].getElementsByTagName('input');
        if ( checkbox && checkbox.type == 'checkbox' ) {
            checkbox.onclick = function() {
                this.checked = ! this.checked;
		//var checkedCount = document.querySelectorAll('input.chbx:checked').length;
		var checkedCount = document.querySelectorAll('[type="checkbox"]:checked').length;
		checkall.checked = checkedCount == checkboxes.length;
		checkall.indeterminate = checkedCount > 0 && checkedCount < checkboxes.length;						
		button.disabled = checkedCount == 0;
            }
        }
   }
   
   // checkboxALL click
	if ( checkall && checkall.type == 'checkbox' ) {
		checkall.onclick = function() {
			if ( this.checked ) {
				markAllRows( tableID );
			}
			else {
				unMarkAllRows( tableID )
			}
		}
	}
}
window.onload = markRowsInit;

Суть: при нажатии на любой ряд или любой chexbox в ряду, ряд подсвечивается другим цветом, chexbox становиться выбраным, а кнопка "Подобрать" - активной.
Однако,
var checkedCount = document.querySelectorAll('input.ch bx:checked').length;
var checkedCount = document.querySelectorAll('[type="checkbox"]:checked').length;
обе строки выдают в ИЕ ошибку: Недопустимый аргумент.
Поэтому условие button.disabled = checkedCount == 0; не выполняется.
В остальных браузерах все работает.

Подскажите, пожалуйста, почему? Как исправить?

[Fenex]

Не работает потому, что мелкомягкие не смогли сделать этот функционал, а поэтому придётся это сделать вам самостоятельно. jQuery (или аналог), либо свой велосипед.

[Maxx]

Fenex, спасибо!

В очередной раз выручаете. Теперь хоть не буду мучительно искать решения.
Не хотел я через jQuery делать, но видимо придется разобраться.
Или еще как вариант, сделаю отдельно для ИЕ кнопку всегда активной (тока надо подумать как...).

[Maxx]

И все-таки велосипед...

if ( navigator.appName == 'Microsoft Internet Explorer' ) {
	var checkboxIE = document.getElementsByName('chbx');
	var checkedCountIE = 0;
	for ( var z = 0; z < checkboxIE.length; z++ ) {
		if ( checkboxIE[z].checked ) checkedCountIE = checkedCountIE + 1;
	}
	checkall.checked = checkedCountIE == checkboxIE.length;
	checkall.indeterminate = checkedCountIE > 0 && checkedCountIE < checkboxIE.length;						
	button.disabled = checkedCountIE == 0;
}
else {
	var checkedCount = document.querySelectorAll('input.chbx:checked').length;
	checkall.checked = checkedCount == checkboxes.length;
	checkall.indeterminate = checkedCount > 0 && checkedCount < checkboxes.length;						
	button.disabled = checkedCount == 0;
}

Гы... Работает!!!