萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JQuery CheckBox(復選框)操作方法匯總

JQuery CheckBox(復選框)操作方法匯總

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

  });

copyright © 萬盛學電腦網 all rights reserved