2015-09-15 1 views
1

Как проверить, установлен ли флажок выделенной строки с столбцом? Я могу получить колонку innerHTML, которая говорит <input type="checkbox">, но как проверить, проверено ли ее или нет.Проверьте, отмечена ли отмеченная ячейка флажком

Я хочу проверить, проверен ли CB?

var l_iNoOfRows=$("#imageResultsList tr").length; 

for(var i=1;i<=l_iNoOfRows;i++){ 
     var l_oSelectedRow =$("#imageResultsList tr")[i] 
     var l_sCbColumn =l_oSelectedRow.cells[l_iCB].innerHTML; 

} 
+1

Можете ли вы привести пример скрипки? –

+0

jquery делает это довольно легко - можете ли вы его использовать? –

+0

yes Я могу использовать jquery, но я хочу получить свойство столбца. Я могу просто получить innerHTML, есть ли какое-либо свойство в jquery, которое проверяет тип? – PSDebugger

ответ

0

Если вы можете получить флажок и создать объект JQuery из него, вы можете использовать метод prop найти значение его свойства «проверенного».

$yourCheckboxElement.prop('checked') будет возвращать логическое значение, true если оно проверено и false если нет.

+0

Я исправил это следующим образом: if (l_oSelectedRow.getElementsByTagName ('td') [0] .getElementsByTagName ('input') [0] .checked == true) { – PSDebugger

0

Вы можете сосчитать флажки с короткими кодами.

var c = $(l_oSelectedRow.cells[l_iCB]).find("input[type='checkbox']:checked").length; 

и обнаружены строки, отмеченные флажком.

if (c > 0) { 
    // checked check box is existed. 
} else { 
    // checked check box is now existed. 
} 
0

FIDDLE

$('.btn').click(function() { 
    $('#table').find("input:checkbox:checked").each(function() { 
     var check = $(this).closest('tr').index(); 
     alert(check); 
    }); 
}); 

перебрать все проверяемого флажок и получить индекс ближайшего тр

FIDDLE

$('.btn').click(function() { 
    var index =$('.input').val(); 
    var row = $('#table').find('tr:nth-child('+index+')').find('input:checkbox') 
    if(row.is(':checked')){ 
     alert(index); 
    }else{ 
     alert('no check box check'); 
    } 

}); 

Если вы хотите проверить строку, если есть это проверенная проверка, чтобы номер строки использовал его как селектор, а затем che ск, что строка, если есть проверенная CheckBox

0

А лучше (и проще) способ сделать это, как это

$("#imageResultsList tr").each(function(){ 
    var cb = $(this).find('input [type="checkbox"]'); 
    if(cb.prop('checked')){ 
     alert('Checked'); 
    } else { 
     alert('Not Checked'); 
    } 
}); 
0

Использовать jQuerys .prop функции

См документации: http://api.jquery.com/prop/

<label for="checkbox">Checkbox</label> 
<input id="checkbox" type="checkbox" /> 


$('input[type="checkbox"]').on('click', function() { 
    alert($(this).prop('checked')); 
}); 

Пример: https://jsfiddle.net/a26sw7ba/2/

В вашем случае вы можете сделать следующее с JQuery:

var l_iNoOfRows=$("#imageResultsList tr").length; 

for(var i=1;i<=l_iNoOfRows;i++){ 
    var l_oSelectedRow =$("#imageResultsList tr")[i] 
    var l_sCbColumn =l_oSelectedRow.cells[l_iCB].innerHTML; 
    alert($(l_sCbColum).prop('checked')); 
} 

Очевидно заменить предупреждение, что когда-либо заявление, необходимые для достижения ваших целей.