<html> <head> <script language="javascript"> $(document).ready(function(){ $("#qx").click(function() { if ($(this).attr("checked") ==true) { //全選 $("input[name='yf']").each(function(){ $(this).attr("checked",true) }); } else { // 取消全選 $("input[name='yf']").each(function() { $(this).attr("checked",false); }); } }); }); </script> </head> <body> 選擇月份 <inputtype="checkbox" name="qx" id="qx"value="1" />全選 <input type="checkbox"name="yf" id="yf" value="1" />1月 <inputtype="checkbox" name="yf" id="yf"value="2" />2月 <inputtype="checkbox" name="yf" id="yf"value="3" />3月 <inputtype="checkbox" name="yf" id="yf"value="4" />4月 <inputtype="checkbox" name="yf" id="yf" value="5"/>5月 <inputtype="checkbox" name="yf" id="yf"value="6" />6月 <inputtype="checkbox" name="yf" id="yf"value="7" />7月 <inputtype="checkbox" name="yf" id="yf"value="8" />8月 <inputtype="checkbox" name="yf" id="yf"value="9" />9月 <inputtype="checkbox" name="yf" id="yf"value="10" />10月 <inputtype="checkbox" name="yf" id="yf"value="11" />11月 <input type="checkbox"name="yf" id="yf" value="12" />12月 </body> </html>
JQuery 對checkbox 全選/取消全選
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.