У меня есть следующий HTML (много, много строк):
<tr>
<td class="order_row"><input type="checkbox" name="data[Order][id][]" value="951"></td>
<td class="order_row">04/03/2014</td>
<td class="order_row">Test</td>
<td class="order_row">123</td>
</tr>
Каждый раз, когда я нажимаю на любой TD, я хочу установить флажок в этой строке. У меня есть что-то вроде этого:
$('.order_row').css('cursor', 'pointer').click(function() {
$(this).parent('tr').find('input').trigger('click');
});
Но это не работает. Любая помощь?
Если вы хотите включить проверку, нажав на td, вы можете использовать этот код
<script type="text/javascript">
$(document).ready(function(){
$('.order_row').css('cursor', 'pointer').click(function() {
var checkBoxes = $(this).parent('tr').find('input:checkbox')
checkBoxes.prop("checked", !checkBoxes.prop("checked"));
});
})
</script>
Вот код для него:
$(document).ready(function(){
$('table').on('click','.order_row',function() {
$(this).parent('tr').find('input').prop("checked",true);
});
});
$(function(){
$('.order_row').css('cursor', 'pointer').click(function() {
var checkbox = $(this).parent('tr').find('input[type=checkbox]');
if(checkbox.length > 0 && checkbox.is(':checked')) alert('checked!');
});
});