jQuery 取得表單資料、單選 Radio 與多選 Checkbox 的方法/判斷 checkbox 是否選取,實現全選跟全部取消


全部選取/取消選取 checkbox


$('#check-all').bind('click',function(){
  var data_check = $(this).attr('data-check');

  if(data_check === "0"){
    $('input[name="place_ids[]"]').prop('checked',true);
    $('input[name="place_ids[]"]').parent().addClass('checked');
    $(this).attr('data-check',1);
    $(this).html('取消全選');
  }else{
    $('input[name="place_ids[]"]').prop('checked',false);
    $('input[name="place_ids[]"]').parent().removeClass('checked');
    $(this).attr('data-check',0);
    $(this).html('全部選取');
  }
});


轉自 http://blog.miniasp.com/post/2011/04/27/jQuery-get-form-value-Checkbox-Radio.aspx

var cbxVehicle = new Array();
$('input:checkbox:checked[name="vehicle"]').each(function(i) { cbxVehicle[i] = this.value; });
另一個寫法是透過 .map() 將回傳值轉譯成為另一種陣列,如下:
$('input:checkbox:checked[name="vehicle"]').map(function() { return $(this).val(); }).get();

######################################################################
$('input:checkbox:first[name="item_choice[]"]').click(function(){
    if($(this).prop("checked")){
        $("input:checkbox[name='item_choice[]']").each(function() {
 $(this).prop("checked", true);
      });
    }else{
        $("input:checkbox[name='item_choice[]']").each(function() {
        $(this).prop("checked", false);
      });           
    }
});

留言

這個網誌中的熱門文章

[翻譯] 介紹現代網路負載平衡與代理伺服器

[MySQL] schema 與資料類型優化