1. 程式人生 > >jQuery複選框

jQuery複選框

全選/全不選、全選、全不選、反選、提交

<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>