Question

如何用jquery实现checkbox点选一个选中其他，取消一个取消其他

Answer 1

    <label><input type="checkbox" id="cb_all"/>全选</label>
  
    <label><input type="checkbox" class="cb_fruit"/>苹果</label>
    <label><input type="checkbox" class="cb_fruit"/>香蕉</label>
    <label><input type="checkbox" class="cb_fruit"/>橘子</label>
    
	<script src="jquery-1.10.2.min.js"></script>
    <script>
		//当改变全选值时
		$("#cb_all").change(function(){
			//如果全选被选中，则选中所有子选项;否则取消选中子选项
			if($(this).is(":checked")){
				$(".cb_fruit").prop("checked",true);
			}else{
				$(".cb_fruit").prop("checked",false);
			}
		});
		
		//当改变子选项时，需要判断子选项是否全部被选中，如果全部被选中，那么全选被选中；否则全选不被选中
		$(".cb_fruit").change(function(){
			 if($(".cb_fruit:checked").length==$(".cb_fruit").length){
				 $("#cb_all").prop("checked",true);
			 }else{
			 	$("#cb_all").prop("checked",false);
			 }
		});
	</script>