Pokaż / ukryj div, jeśli pole wyboru jest zaznaczone

Question

Aug 24, 2013, 07:11 PM

Pokaż / ukryj div, jeśli pole wyboru jest zaznaczone

Potrzebuję strony z polami wyboru i widocznym div, jeśli zaznaczono minumum 1.

Tutaj dostałem stronę, że jeśli zaznaczę pole wyboru, div pokaże. W porządku i działa poprawnie.

Gdy zaznaczę 3 pola wyboru i odznaczę 1, div nie będzie, gdy ponownie zaznaczę pole, div pokaże się - nie jest poprawne.

Jak potrzebuję zmodyfikować skrypt, aby wyświetlać div w dowolnym momencie, jeśli zaznaczone jest minimum 1 pole wyboru, bez tego „skakania”?

<html>
<head>
<title>CB Hide/Show</title>
<script type="text/javascript">
<!--
function showMe (it, box) {
  var vis = (box.checked) ? "block" : "none";
  document.getElementById(it).style.display = vis;
}
//-->
</script>
</head>
<body>
<h3 align="center"> This JavaScript shows how to hide divisions </h3>

<div id="div1" style="display:none">
<table border=1 id="t1">
<tr>
<td>i am here!</td>
</tr>
</table>
</div>

<form>
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox



</form>
</body>
</html>