[TOC] ## HTML ``` <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script> <label><input name="Fruit" type="checkbox" value="蘋果"/>蘋果 </label> <label><input name="Fruit" type="checkbox" value="桃子"/>桃子 </label> <label><input name="Fruit" type="checkbox" value="香蕉"/>香蕉 </label> <label><input name="Fruit" type="checkbox" value="梨"/>梨 </label> ``` ## 1、獲取單個checkbox選中項(三種寫法) ``` $("input:checkbox:checked").val() 或者 $("input[type='checkbox']:checked").val(); 或者 $("input[name='Fruit']:checked").val(); ```  ## 2、 獲取多個checkbox選中項 ``` $('input:checkbox').each(function() { if ($(this).prop('checked') ==true) { alert($(this).val()); } }); ```  ## 3、設置第一個checkbox 為選中值 ``` $('input:checkbox:first').attr("checked",'checked'); 或者 $('input:checkbox').eq(0).attr("checked",'true'); ``` ## 4、設置最后一個checkbox為選中值 ``` $('input:checkbox:last').attr('checked', 'checked'); 或者 $('input:checkbox:last').attr('checked', 'true'); ``` ## 5、根據索引值設置任意一個checkbox為選中值 ``` $('input:checkbox').eq(0).attr('checked','true');//索引值=0,1,2.... 或者 $('input:radio').slice(1,2).attr('checked', 'true'); ``` ## 6、選中多個checkbox同時選中第1個和第2個的checkbox ``` $('input:radio').slice(0,2).attr('checked','true'); ``` ## 7、根據Value值設置checkbox為選中值 ``` $("input:checkbox[value='1']").attr('checked','true'); ``` ## 8、刪除Value=1的checkbox ``` $("input:checkbox[value='1']").remove(); ``` ## 9、刪除第幾個checkbox ``` $("input:checkbox").eq(索引值).remove();索引值=0,1,2.... ``` 如刪除第3個checkbox: ``` $("input:checkbox").eq(2).remove(); ``` ## 10、遍歷checkbox ``` $('input:checkbox').each(function (index, domEle) { //寫入代碼 }); ``` ## 11、全部選中 ``` $('input:checkbox').each(function() { $(this).attr('checked', true); }); ``` ## 12、全部取消選擇 ``` $('input:checkbox').each(function () { $(this).attr('checked',false); }); ``` ## 13、選擇的數量 ``` var len = $("input:checkbox:checked").length; alert("你一共選中了"+len+"個復選框"); ```