Hallo,
ich bin es wieder
ich habe eine Tabelle gebaut, in der Datensätze aus einer Datenbank angezeigt werden.
in dieser Tabelle sollen nun einzelne Datensätze markiert werden können, damit später alle fehlenden (nicht angeklickten) Einträge aus der Datenbank gelöscht werden können.
Diese ganze Ansicht ist für mobile Geräte gedacht, also Smartphone und Tablets.
Dabei hab ich die gesamte Zeile anklickbar gemacht.
Dabei wird dann auch der Hintergrund geändert.
Wenn man erneut darauf klickt, wird die Maskierung wieder entfernt.
Da es später eben durch ein Formular abgefragt werden soll, hab ich eine kleine Checkbox davor gemacht.
Nun steh ich aber vor dem Problem, dass wenn ich die Zeile anklickte, diese zwar markiert wird, die Checkbox aber weiterhin inaktiv ist.
Ich würde nun durch das alleineige klicken auf die Zeile die Checkbox aktivieren.
ich habe exemplarisch eine kleine Tabelle gebaut, die ähnlich aussieht
http://inventar.flbserver.de/test.html
ich bin es wieder

ich habe eine Tabelle gebaut, in der Datensätze aus einer Datenbank angezeigt werden.
in dieser Tabelle sollen nun einzelne Datensätze markiert werden können, damit später alle fehlenden (nicht angeklickten) Einträge aus der Datenbank gelöscht werden können.
Diese ganze Ansicht ist für mobile Geräte gedacht, also Smartphone und Tablets.
Dabei hab ich die gesamte Zeile anklickbar gemacht.
Dabei wird dann auch der Hintergrund geändert.
Wenn man erneut darauf klickt, wird die Maskierung wieder entfernt.
Da es später eben durch ein Formular abgefragt werden soll, hab ich eine kleine Checkbox davor gemacht.
Nun steh ich aber vor dem Problem, dass wenn ich die Zeile anklickte, diese zwar markiert wird, die Checkbox aber weiterhin inaktiv ist.
Ich würde nun durch das alleineige klicken auf die Zeile die Checkbox aktivieren.
ich habe exemplarisch eine kleine Tabelle gebaut, die ähnlich aussieht

HTML:
<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="blue_style.css" />
<script src="jquery-1.7.1.js" type="text/javascript"></script>
<script src="jquery.tablesorter.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
{
$("#myTable").tablesorter();
}
);
</script>
<script type="text/javascript">
<!--
function toggleBgColor(elem) {
var style2 = elem.style;
style2.backgroundColor = style2.backgroundColor? "":"#FFFF00";
}
//-->
</script>
</head>
<body>
<table id="myTable" class="tablesorter">
<thead>
<tr onclick="javascript:toggleBgColor( this );">
<th>checkbox</th>
<th>First Name</th>
<th>Email</th>
<th>Due</th>
<th>Web Site</th>
</tr>
</thead>
<tbody>
<tr onclick="javascript:toggleBgColor( this );">
<td><input type="checkbox" id="1"></td>
<td>John</td>
<td>jsmith@gmail.com</td>
<td>$50.00</td>
<td>http://www.jsmith.com</td>
</tr>
<tr onclick="javascript:toggleBgColor( this );">
<td><input type="checkbox" id="2"></td>
<td>Frank</td>
<td>fbach@yahoo.com</td>
<td>$50.00</td>
<td>http://www.frank.com</td>
</tr>
<tr onclick="javascript:toggleBgColor( this );">
<td><input type="checkbox" id="3"></td>
<td>Jason</td>
<td>jdoe@hotmail.com</td>
<td>$100.00</td>
<td>http://www.jdoe.com</td>
</tr>
<tr onclick="javascript:toggleBgColor( this );">
<td><input type="checkbox" id="4"></td>
<td>Tim</td>
<td>tconway@earthlink.net</td>
<td>$50.00</td>
<td>http://www.timconway.com</td>
</tr>
</tbody>
</table>
</body>
</html>
http://inventar.flbserver.de/test.html