功能删除和更新总计不起作用

时间:2014-07-26 13:39:29

标签: javascript jquery

我有一个购物车,删除和update_total不起作用。 在我的删除按钮中,它会删除删除,但不会删除整个表格。并且在我的更新中,每当我删除一些产品时,总数都不会更新。

JS代码

function remove(id)
{
    var i=findpos(id);

    totalprice-=purchased[i].price*purchased[i].cnt;
    purchased[i].cnt = 0;

    $('#table_'+id).remove();
    update_total();
}

function update_total()
{
    if(totalprice)
    {
        $('#total').html('total: $'+totalprice);
        $('a.button').css('display','block');
    }
    else
    {
        $('#total').html('');
        $('a.button').hide();
    }
}

我的桌子。

<table width="260" id="table_'.$row['id'].'">\
<tr>\
<input type="text" name="id[]"   value="'.$row['id'].'"></td>
<td width="60%"><input type="text" readonly="readonly" name="roomname[]" value="'.$row['name'].'" ></td>
<td width="10%"><input type="text" name="price[]" readonly="readonly" value="'.$row['price'].'" ></td>
<td width="15%"><select name="qty[]" id="'.$row['id'].'_cnt"  onchange="change('.$row['id'].');" >
<option value="1">1</option>\
<option value="2">2</option>
<option value="3">3</option>
</select>


<td width="15%"><a href="#" onclick="remove('.$row['id'].');return false;"   class="remove">remove</a></td>\

1 个答案:

答案 0 :(得分:0)

任何试图使用此代码的人的提示。如果您使用的是Chrome 24或更高版本以及FF 27,则需要重命名script.js中的remove()函数,因为这些新浏览器具有名为remove的内置DOM功能。如果不重命名该功能,您将无法从购物车中删除项目。我只是在'addtocart.php'中重命名了函数本身和对它的调用。

这些必须是变化。    函数rmv(id)    {     var i = findpos(id);

totalprice-=purchased[i].price*purchased[i].cnt;
purchased[i].cnt = 0;

$('#table_'+id).remove();
update_total();
}

调用addtocart.php

table width="260" id="table_'.$row['id'].'">\
<tr>\
<input type="text" name="id[]"   value="'.$row['id'].'"></td>
<td width="60%"><input type="text" readonly="readonly" name="roomname[]" value="'.$row['name'].'" ></td>
<td width="10%"><input type="text" name="price[]" readonly="readonly" value="'.$row['price'].'" ></td>
<td width="15%"><select name="qty[]" id="'.$row['id'].'_cnt"  onchange="change('.$row['id'].');" >
<option value="1">1</option>\
<option value="2">2</option>
<option value="3">3</option>
</select>
<td width="15%"><a href="#" onclick="rmv('.$row['id'].');return false;"   class="remove">remove</a></td>\