При клике на строку таблицы клик по вложенному чекбоксу
Здравствуйте,
Проблема такая: При нажатии на строку таблицы генерируется клик по чекбоксу в этой строке. При этом, если кликнуть на сам чекбокс - алерт показывает true, а если на строку таблицы - false. Код:
<table class="b-tech-properties">
<tr id="option-12">
<td><input type="checkbox"/></td>
<th scope="row">Аккумулятор Bosch</th>
<td class="option-price">350,00$</td>
</tr>
</table>
$(function() {
$('.b-options-table input[type="checkbox"]').bind('click', function(event) {
event.stopPropagation();
alert(this.checked);
});
$('.b-options-table tr').click(function(event) {
if (event.target.type !== 'checkbox') {
$(':checkbox', this).click();
}
});
});
Как сделать так, чтобы значение чекбокса было одинаковым, вне зависисомти от того, куда кликал пользователь? Я использую jQuery 1.3.2 |
Главное что флажок меняется, а если только верное сообщение интересует, то вот так можно:
$('.b-options-table input[type="checkbox"]').click(function(event, data) {
event.stopPropagation();
if (!data) alert(this.checked); // аппаратно
else alert(!this.checked); // программно (trigger)
});
$('.b-options-table tr').click(function(event) {
if (event.target.type !== 'checkbox') {
$(':checkbox', this).trigger('click', 111);
}
});
|
Спасибо, попробую вечером. Такое просто решение мне в голову не пришло:)
Нужен и визуальный эффект (то бишь появление/исчезание флажка), и значение - мне на основе этого значения еще дальнейшие действия совершать. |
| Часовой пояс GMT +3, время: 03:47. |