ユーザーがチェックボックスをクリックするたびに、非表示の入力値にいくつかの値を追加します。
各チェックボックスには 2 つの値が格納され、次のようになります。
<input type="checkbox" class="first" value="9598864;3">
最初の値は:9598864
で、2 番目の値は:3
です。
現在、次の方法で入力にデータを追加しています。
var currentValue = $('#myInput').val();
var text;
//adding the value to the input + separator "-"
if($(this).is(':checked')){
$('#myInput').val(currentValue + "-" + $(this).val());
}
//erasing the value from the input + separator "-"
else{
text = currentValue .replace("-" + $(this).val(), "");
$('#myInput').val(text);
}
結果は次のようになります。
<input type="hidden" name="demo" value="-9582856;3-9598864;3" id="myInput">
2つの要素の配列を取得し、それぞれに別の2つの要素が含まれています:
要素 1:
- 9582856
- 3
要素 2:
- 9598864
- 3
私が今行っていることは、サーバー側 (PHP) でデータを処理し、これらの文字列を分解し-
て;
目的の要素を取得することです。
このタスクを達成するための他のより良い方法はありますか? jQueryまたはJavascriptを使用して入力内にデータの配列を格納する正しい方法はどれですか?
ありがとう。