HTMLフォームの解析には、私はいくつかのチェックボックスのコードを持っているチェックボックス

Question

をチェック：

echo "<td>" 
    echo "<input type = \"checkbox\" name=\"name\" value=\"$name\">"; 
    echo "<input type = \"hidden\" name=\"user\" value=\"$user\">"; 
echo "</td>" 

上記のコードはチェックボックスを表しますので、各チェックボックスの複数の名前/値のペアを持っています。私はこれらのチェックボックスのトンを想像してみてください。私はすべてのチェックボックスをチェックして、チェックボックスの名前と値のペアをそれぞれ出力したいと思います。

var formData = {}; 
$(':checkbox:checked').each(function(){ 
    $(this).find("input[name]").each(function(index, node){ 
     formData[node.name] = node.value; 
     alert (node.name + node.value); 
    }); 
}); 

しかし、それは動作しません。ここで

は、これまでの私のコードです。何か案は？

Answer 1

次のようなあなたの各機能を変更する必要があります。

$("input[type='checkbox']").change(function() {   
     if($(this).is(':checked')){ 
     $(this).find("input[name]").each(function(index, node){ 
      console.log('a'); 
      formData[node.name] = node.value; 
      alert (node.name + node.value); 
     }); 
     } 
    }); 

これは、最初にあなたのチェックボックスがチェックされた状態になっていないbeacuseです。したがって、チェックされた/チェックされていないイベントを追跡して機能させる必要があります。それが役に立てば幸い。