2017-02-27 3 views
0

簡単なページ設定ページを作りたいと思います。これは削除機能に関するものです。ユーザーが行を削除することを選択できるチェックボックスがあります。私はどのように投稿/投稿の方法を知っている行のIDは、次のリンクをクリックする場合?私の場合、ユーザーがチェックボックスをクリックするとIDは重複します。以下は、私が1ページと1対1つのチェックボックスをクリックした場合、私は同じページに複数のチェックボックスconsole.log(cbAdd);JqueryのチェックボックスにIDを投稿するには?

["25", "25", "26", "25", "26", "27"] 

をクリックした場合、これは出力され、私のコード、

jQueryの

var cbNew = [], 
cbAdd = []; 

function addId(checkBox){ 
    cbAdd = cbAdd.concat(checkBox); 
    console.log(cbAdd); 
} 

$(document).on("click", ".checkBox", function(){ 
    var cb = []; 
    $('.checkBox:checked').each(function(){ 
     cb.push($(this).val()); 
    }); 

    if(cb.length > 0) { 
     addId(cb); 
     $('#delete').fadeIn(); 
    } else { 
     $('#delete').fadeOut(); 
    } 
}); 

//Link on Next Page 
$(".nextPage").click(getFunct); 

function getFunct(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'), 
    row = getURLParameter(url, 'startrow'), 
    cbNew = cbNew; 
    getParam(row,url); 
} 

function getParam(param1,param2){ 
    $.ajax({ 
     type: "POST", 
     url: url, 
     data: 
     { 
      row : param1, 
      url : param2, 
      cbNew : cbNew 
     } 
    }).done(function(data){ 
     $('#result').html(data); 
     addId(cbNew); 
    }); 
} 

です2ページ目のチェックボックスをオンにすると、それに応じてIDが取得されます

["25", "59"] 

答えて

1

2つの配列を維持しています。1つはチェックされたすべてのチェックボックスの値、つまりcbを取得し、cbAddという別の配列に連結します。ここでは値を複製します。

以下のように単一のアレイcbAddを使用することができます -

$(document).on("change", ".checkBox", function(){ 
    var value = $(this).val(); 
    var index = cbAdd.indexOf(value); 
    if ($(this).is(":checked")) { 
     cbAdd.push(value); //put value 
    } else { 
     cbAdd.splice(index, 1);//remove value 
    } 
    if(cbAdd.length > 0) { 
     $('#delete').fadeIn(); 
    } else { 
     $('#delete').fadeOut(); 
    } 
}); 
+0

ヘルプ@BhushanKawadkarいただきありがとうございます。あなたはそれを作った!この行について知りたいかもしれません。 'var index = cbAdd.indexOf(value);'それは何をするためのものか? – Amran

+0

'var index = cbAdd.indexOf(value);'はcbAdd内の値を検索し、cbAddの位置を返します。これは私が値が存在するかどうかを知っていました。 'indexOf'は値が存在すればpositionを返し、存在しなければ-1を返します。 –

関連する問題