jQuery複選框
阿新 • • 發佈:2018-12-13
全選/全不選、全選、全不選、反選、提交
<script> $(docunment).ready(function(){ //全選 $("#selectAll").change(function(){ $("input[name='items']").prop("checked",this.checked); }); //全選 $("#checkedAll").click(function(){ $("input[name='items']").prop("checked",true); }); //全不選 $("#checkedNo").click(function(){ $("input[name='items']").prop("checked",false); }); //反選 $("#checkedRev").click(function(){ $("input[name='items']").each(function(){ this.checked=!this.checked; }); }); //獲得選項的值 $("#checkValue").click(function(){ var result=""; $("input[name='items']").each(function(){ if(this.checked){ result+=$(this).val()+"\n"; } }); alert(result); }); }); </script>