not showing all checkedbox function

not showing all checkedbox function

Hi
I have a table with checkboxes, there are 3rows (including heading) & 4 columns (including checkbox). when I checked the checkbox for a row, then it will show the dropdown list, else the dropdown list will be invisible. this works fine for me for each of them but when I try to "select all checkbox" from the top, it select all the checkboxes but does not show dropdown list.  
  1. function valueChanged()
			{
				if($(".checkezspeedkit").is(":checked"))   
					$(".qtyezspeedkit ").show();
				else
					$(".qtyezspeedkit").hide();
			}
			
			function valueChanged2()
			{
				if($(".checkezenergykit").is(":checked"))   
					$(".qtyezenergykit").show();
				else
					$(".qtyezenergykit").hide();
			}
			
			function toggle(source) {
				var checkboxes = document.querySelectorAll('input[type="checkbox"]');
				for (var i = 0; i < checkboxes.length; i++) {
					if (checkboxes[i] != source)
						checkboxes[i].checked = source.checked;
				}
			}
  3. <table id="mytable" class="table table-bordred table-striped">
  4. <thead>
  5. <th><input type="checkbox" id="checkall" class="checkall" onclick="toggle(this);"/></th>
  6. <th>Name</th>
  7. <th>Qty</th>
  8. <th>Option</th>
  9. </thead>
  10. <tbody>
  11. <tr>
  12. <td><input type="checkbox" class="checkezspeedkit checkboxitem" name="chkezspeedkit" onchange="valueChanged()"/></td>
  13. <td>EZSpeed Kit</td>
  14. <td>
  15. <select name="Select1" style="width: 50px" class="qtyezspeedkit" >
  16. <option>1</option>
  17. <option>2</option>
  18. </select>
  19. </td>
  20. <td>
  21. <select name="Select2" style="width: 137px" class="qtyezspeedkit">
  22. <option>Please select</option>
  23. <option>Required</option>
  24. <option>Option</option>
  25. </select>
  26. </td>
  27. </tr>
  28. <tr>
  29. <td><input type="checkbox" class="checkezenergykit checkboxitem" name="chkezspeedkitbluetooth" onchange="valueChanged2()"/></td>
  30. <td>EZEnergy Kit</td>
  31. <td>
  32. <select name="Select1" style="width: 50px" class="qtyezenergykit" >
  33. <option>1</option>
  34. <option>2</option>
  35. </select>
  36. </td>
  37. <td>
  38. <select name="Select2" style="width: 137px" class="qtyezenergykit" >
  39. <option>Please select</option>
  40. <option>Required</option>
  41. <option>Option</option>
  42. </select>
  43. </td>
  44. </tr>
  45. </tbody>
  46. </table>
thank you