Question

我正在处理此购物车页面的一些问题。

所以：该项目的范围是单击一些复选框，更新运输，订购的项目，并添加到总计。

过程：我的想法是这样的：创建一个标识为发货的物品的字段，其中包含状态和关闭状态的点击事件，例如，如果有人想要取消选中一个框而不是订购x产品。这是迄今为止的代码。

$(document).ready(function(){
/*  Array of prices*/
var myArray = [4.95, 5.87, 4.79];

Attempt at finding the # of checked boxes with the input name=      
/*  var result= $('input[type="checkbox"]:checked');*/
/*  $('input[name="trial"]').click(function(){
getCheckedCheckBoxes('trial');
})
  var getCheckedCheckBoxes = function(groupName){
  var result= $('input[name=""'+ groupName +'"]:checked');
  if(result.length>0){
  $('#div'+groupName).html("Mango Cleanse");
 }
}

$('#test').click(function(){
getCheckedCheckBoxes('trial');
})
*/

$('#test').on('click', function(){
/*    if(result.length>0){
$('.items').append("Mango Cleanse Trial"+'<br>');
} else{
$('.ship').html("$0.00");
var testVal = $('.test').val();
myArray.push(testVal);
$('.ship').html(eval(myArray.join('+')))*/

var testVal = $('#test').val();
var n= myArray[0];
var add= n+testVal;
$('.ship').html("$"+add);
$('.items').append("Mango Cleanse Trial"+'<br>');
}); 

var item = $('.test').val();
console.log(item);
});

以下是我codepen

的链接

更新：复选框，更新html中的总计，运费和项目

0 个答案: