JQuery CheckBox（復選框）操作方法匯總

 

　　1. 獲取單個checkbox選中項(三種寫法)：

　　 代碼如下:

　　$("input:checkbox:checked").val()

　　或者

　　 代碼如下:

　　$("input:[type='checkbox']:checked").val();

　　或者

　　 代碼如下:

　　$("input:[name='ck']:checked").val();

　　2. 獲取多個checkbox選中項：

　　 代碼如下:

　　$('input:checkbox').each(function() {

　　if ($(this).attr('checked') ==true) {

　　alert($(this).val());

　　}

　　});

　　或者

　　 代碼如下:

　　('input:checkbox').map(function () {

　　return(this).val();

　　}).get().join(',') ;

　　3. 設置第一個checkbox 為選中值：

　　 代碼如下:

　　$('input:checkbox:first').attr("checked",'checked');

　　或者

　　 代碼如下:

　　$('input:checkbox').eq(0).attr("checked",'true');

　　4. 設置最後一個checkbox為選中值：

　　 代碼如下:

　　$('input:radio:last').attr('checked', 'checked');

　　或者

　　 代碼如下:

　　$('input:radio:last').attr('checked', 'true');

　　5. 根據索引值設置任意一個checkbox為選中值：

　　 代碼如下:

　　$('input:checkbox).eq(索引值).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);

　　});