同じ名前のすべての入力を選択し、名前でインデックス付けする方法

Question

3番目のパートで生成されたフォームを処理する必要があります。このフォームは、チェックボックスの「複数選択」属性を提供します。しかし、入力名は同じで、PHP $ _POSTは同じキーを扱うことができません（最後のデータだけが処理されます）。

<form> 
    <input type="checkbox" name="attr1" value="1" /> 
    <input type="checkbox" name="attr1" value="2" /> 
    <input type="checkbox" name="attr1" value="3" /> 
    <input type="checkbox" name="attr1" value="4" /> 
    <input type="checkbox" name="attr2" value="xx" /> 
    <input type="checkbox" name="attr3" value="a" /> 
    <input type="checkbox" name="attr3" value="b" /> 
    <input type="checkbox" name="attr3" value="c" /> 
    <input type="checkbox" name="attr3" value="d" /> 
    <input type="text" name="attr4" value="" /> 
</form> 

私は自分の名前に「[]」は、すべてのチェックボックスの入力を解析し、同じ名前の入力のグループのみを取得し、追加したいのですが...

：ここ

は、フォームの例です

私はjQueryの処理の後に取得したい：

<form> 
    <input type="checkbox" name="attr1[]" value="1" /> 
    <input type="checkbox" name="attr1[]" value="2" /> 
    <input type="checkbox" name="attr1[]" value="3" /> 
    <input type="checkbox" name="attr1[]" value="4" /> 
    <input type="checkbox" name="attr2" value="xx" /> 
    <input type="checkbox" name="attr3[]" value="a" /> 
    <input type="checkbox" name="attr3[]" value="b" /> 
    <input type="checkbox" name="attr3[]" value="c" /> 
    <input type="checkbox" name="attr3[]" value="d" /> 
    <input type="text" name="attr4" value="" /> 
</form> 

は、同じ名前の入力のグループを特定する方法はありますか？

Answer 1

これは、同じ名前の別の項目が存在する場合は、各チェックボックス項目の名前に[]を追加します。

var name_map = {}; 
$("input[type=checkbox]") // for all checkboxes 
    .each(function() { // first pass, create name mapping 
     var name = this.name; 
     name_map[name] = (name_map[name]) ? name + "[]" : name; 
    }) 
    .each(function() { // replace name based on mapping 
     this.name = name_map[this.name]; 
    }); 

デモ：http://jsfiddle.net/gnfsG/

Answer 2

はこれを試してみてください：

var group = $('input[name="attr1"]'); 

if (group.length > 1){ 
    group.each(function() { 
     $(this).attr("name",$(this).attr("name")+"[]"); 
    }); 
} 

Answer 3

あなたはあなたのケースで$('input[name^="attr"]')を使用する必要があります。あなたの商品はattr1、attr2、attr3などです。上記のセレクタはすべて一致します。

あなたは、これはあなたを与えるだろうhttp://jsfiddle.net/cT78Y/2/

$('input[name^="attr"]:checkbox').each(function(i){ 
    $(this).attr("name",$(this).attr("name")+"[]"); 
}); 

@この動作を確認することができます。

<form> 
    <input type="checkbox" name="attr1[]" value="1"> 
    <input type="checkbox" name="attr1[]" value="2"> 
    <input type="checkbox" name="attr1[]" value="3"> 
    <input type="checkbox" name="attr1[]" value="4"> 
    <input type="checkbox" name="attr2[]" value="xx"> 
    <input type="checkbox" name="attr3[]" value="a"> 
    <input type="checkbox" name="attr3[]" value="b"> 
    <input type="checkbox" name="attr3[]" value="c"> 
    <input type="checkbox" name="attr3[]" value="d"> 
    <input type="text" name="attr4" value=""> 
</form> 

希望します。

Answer 4

この非常に長いソリューションです

var array =[]; 
       $('input[type="checkbox"]').each(function(){ 
        array.push($(this).attr('name')); 
       }); 

       var sorted_arr = array.sort(); // You can define the comparing function here. 
       // JS by default uses a crappy string compare. 
       var results = []; 
       for (var i = 0; i < array.length - 1; i++) { 
        if (sorted_arr[i + 1] == sorted_arr[i]) { 
         results.push(sorted_arr[i]); 
        } 
       } 
       var names = []; 
       names = jQuery.unique(results); 
       $.each(names ,function(key,value){ 
        $('input[name ="'+value+'"]').attr("name",value+"[]"); 
       }); 

Answer 5

$("input[name=attr\\[\\]]"); 

は名前= attr[]