1. 程式人生 > >django全選checkbox、post獲取相同name的value

django全選checkbox、post獲取相同name的value

就不詳細介紹了,簡單的程式碼

全選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)