| |
|
|
| | Добрый день,
Есть такой html код:
<tr id="table_rows">
<td><input name="del[{$item->id}]" type="checkbox" id="del[{$item->id}]" value="1" /></td>
<td>
<input name="name_public[{$item->id}]" type="text" id="name_public[{$item->id}]" value="{$item->name_public|escape:html|stripslashes}" size="60">
</td>
<td>
<div style="padding-top:5px"><a href="/{$item->Url}/">{$item->Titel}</a></div>
</td>
</tr>
|
Код js:
$('#table_rows').click(function() {
$(this).toggleClass("selects");
if( $(this).find("input").is(":checked"))
{
$(this).find("input").removeAttr("checked");
} else {
$(this).find("input").attr("checked","checked");
}
});
|
Получается, что при клике в любом месте строки она получает аттрибут selects и подсвечивается цветом + для чекбокса становиться статус выбран / не выбран. При этом есть проблема, если я нажимаю на поле для ввода в такой строке, мой код срабатывает, строчка подсвечивается и чекбокс становиться выбран, хотя мне этого не нужно. Как код поправить? Можно ли как то сделать, чтобы если в строке несколько чекбоксов, выделялся только первый из набора? | |
| |
|
