Link to home
Start Free TrialLog in
Avatar of rgb192
rgb192Flag for United States of America

asked on

checkbox is too small

<form>
<table>
<tr>
<td>
<input type="checkbox">
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>

<table>
<tr>
<td>
<input type="checkbox">
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>

<table>
<tr>
<td>
<input type="checkbox">
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>

</form>

Open in new window


tried adding
<label>

want a large area
ideally the each <table></table>
where user clicks and checkbox gets clicked

you can add ids and classes
Avatar of HainKurt
HainKurt
Flag of Canada image
maybe something like this:

<style>
table {width:400; border:10 solid silver;}
</style>
<script>
function chk(id){
  document.getElementById(id).click();
}
</script>

<form>
<table onclick="chk('chk1')">
<tr><td><input id=chk1 type="checkbox"></td>
</table>

<table onclick="chk('chk2')">
<tr><td><input id=chk2 type="checkbox"></td>
</table>

<table onclick="chk('chk3')">
<tr><td><input id=chk3 type="checkbox"></td>
</table>
</form>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of HainKurt
HainKurt
Flag of Canada image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of rgb192
rgb192
Flag of United States of America image

ASKER

thanks

your solution works for 3 tables


looking for a solution for 50 tables

https://www.experts-exchange.com/questions/27848530/checkbox-is-too-small-up-to-50-tables.html