django全選checkbox、post獲取相同name的value
阿新 • • 發佈:2018-11-04
就不詳細介紹了,簡單的程式碼
全選checkbox(JS函式實現)
<!DOCTYPE html> <html> <head> <title>Download</title> <script type="text/javascript"> //頁面載入的時候,所有的複選框都是未選中的狀態 function checkOrCancelAll() { var chElt=document.getElementById("chElt");//1.獲取checkbo的元素物件 var checkedElt = chElt.checked;//2.獲取選中狀態 var allCheck = document.getElementsByClassName("file");//3.若checked=true,將所有的複選框選中,checked=false,將所有的複選框取消 //var allCheck = document.getElementsByName("file");//方法2 var mySpan=document.getElementById("mySpan");//4.迴圈遍歷取出每一個複選框中的元素 if(checkedElt)//全選 { for(var i=0;i<allCheck.length;i++) { //設定複選框的選中狀態 allCheck[i].checked=true; } mySpan.innerHTML="取消全選"; } else//取消全選 { for(var i=0;i<allCheck.length;i++) { allCheck[i].checked=false; } mySpan.innerHTML="全選"; } } function ischecked() { var allCheck = document.getElementsByClassName("file");//3.若checked=true,將所有的複選框選中,checked=false,將所有的複選框取消 for(var i=0;i<allCheck.length;i++) { if(allCheck[i].checked == true) { return true } } alert("請選擇檔案") return false } </script> </head> <body> <form action="DownLoad/" method="POST" style="position:absolute; top:10px; left:10px"> {% csrf_token %} 檔案列表<br /> <label><input name="submit" type="submit" onclick="return ischecked()" value="下載" /> </label> <br /> <input type="checkbox" id="chElt" onclick="checkOrCancelAll();"/><span id="mySpan">全選</span> <br /> <label><input class="file" name="file1" type="checkbox" value="[三塊廣告牌]BD中英雙字_bd.mp4" />[三塊廣告牌]BD中英雙字_bd.mp4 </label> <br /> <label><input class="file" name="file1" type="checkbox" value="[與神同行]BD韓語中字_bd.mp4" />[與神同行]BD韓語中字_bd.mp4 </label> <br /> <label><input class="file" name="file3" type="checkbox" value="[功夫]國語版_bd.mp4" />[功夫]國語版_bd.mp4 </label> <br /> <label><input class="file" name="file4" type="checkbox" value="萬能鑰匙" />萬能鑰匙 </label> <br /> </form> </body> </html>
post獲取相同name的value
def my_download(request):
result_list = request.POST.getlist('file1', '')
result = str(result_list)