實現原理：
給所有的復選框取相同的名字，當點擊全選的時候把chenked屬性全部設置為true;當點擊全不選的時候把checked屬性設置為false;
源代碼如下：
html代碼：
<form method="post" action="">你的愛好是:<input type="checkbox" id="CheckedAll" />全選/全不選<br /><input type="checkbox" name="one" value="唱歌" />唱歌<input type="checkbox" name="one" value="跳舞" />跳舞<input type="checkbox" name="one" value="看書" />看書<input type="checkbox" name="one" value="運動" />運動<br /><input type="button" id="send" value="提交" /></form>
js代碼：
<script type="text/javascript"> $(document).ready(function(){ $("#CheckedAll").click(function(){ if (this.checked){ $("[name=one]:checkbox").attr("checked",true); }else{ $("[name=one]:checkbox").attr("checked",false); } /* $("[name=checkboxt]:checkbox").attr("checked",this.checked);*/ }); $("#send").click(function(){ var str ="你的愛好是:/r/n"; $("[name=one]:checkbox:checked").each(function(){ str+=$(this).val()+"/r/n"; }); alert(str); }); });</script>
新聞熱點
疑難解答
