js  获取复选框的值_js ifchanged-优快云博客

本文链接：https://blog.youkuaiyun.com/feiniu55662/article/details/13624637

本文详细介绍了如何使用HTML和JavaScript实现在线购物车的添加功能，包括多选商品类型、实时更新购物车商品列表和添加至购物车按钮的交互逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步：html代码
                      <div class="mpgg">
                               <input type="checkbox" name="boxes" id="boxes" class="mpg" value="src"/>11 <br/>
                               <input type="checkbox" name="boxes" id="boxes" class="mpg" value="avi"/>222 <br/>
                               <input type="checkbox" name="boxes" id="boxes" class="mpg" value="mov"/>33 <br/>
                               <input type="checkbox" name="boxes" id="boxes" class="mpg" value="flv"/>44 <br/>
                               <input type="checkbox" name="boxes" id="boxes" class="mpg" value="mp4"/>55 <br/>
                           </div>

                                <input type="button" value="添加至购物车" onclick="addCart();" />

function addCart() {
    createXMLHttpRequest();
    var m = document.getElementsByName('boxes');
    var l = m.length;
    var boxes="" ;
    var j=0;
    for ( var i=0; i< l; i++){
        if(m[i].checked){
            j++;
        }
    }
    if(j>0){
    for ( var i=0; i< l; i++){
        if(m[i].checked){
            boxes+=m[i].value+",";
        }
    }
    var strings = "docc.jsp?id=1" + encodeURI("&boxes"+boxes);
}