チェックボックスの値を配列に保存し、AJAX 経由で送信しています。ではconsole.log(searchIDs)
、選択したチェック ボックスの正しい o/p を取得しますがprint searchIDs
、views.py では最後のインデックス値のみを出力します。つまり、One と Two を選択すると、Two のみが出力されます。どこが間違っているのですか?
これが私のコードです:
<script>
$(function() {
$( "#dialog-form" ).dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
"Add": function() {
var searchIDs = [];
$("#dialog-form input:checkbox:checked").map(function(){
searchIDs.push($(this).val());
});
$.ajax({
type: "POST",
url: "/dashboard/",
data : { 'searchIDs' : searchIDs },
success: function(result){
console.log(searchIDs);
$("#widgets").html(result);
}
});
$( this ).dialog( "close" );
},
Cancel: function() {
$( this ).dialog( "close" );
}
},
});
$( "#add_widget" ).click(function() {
$( "#dialog-form" ).dialog( "open" );
});
});
</script>
<body>
<div id="dialog-form" title="Create new user">
<input type="checkbox" value="One">One</input><br>
<input type="checkbox" value="Two">Two</input><br>
<input type="checkbox" value="Three">Three</input><br>
<input type="checkbox" value="Four">Four</input><br>
</div>
<div id="widgets" class="ui-widget"></div>
<button id="add_widget">Add Widget</button>
</body>
View.py
if request.is_ajax():
searchIDs = request.POST['searchIDs[]']
print searchIDs