我想从购物车中删除商品,但我需要将其删除多个,因此我创建了一个数组ID,并在用户选中一个复选框时使用push将想要删除的商品ID添加到数组中,这样我就可以处理所有内容按钮单击,但是当我单击时submit
出现错误ids.push不是功能,任何人都可以帮我解决这个问题,甚至更好地实现相同的功能。下面是我的代码示例JS FIDDLE
在下面的小提琴中,当我单击“是”按钮时,我总是会得到1,所以当我选中一个复选框时,我会得到数据ID。
var ids = [];
$(".delCartCheck").click(function() {
id = $(this).attr('data-id');
ids = ids.push(id);
});
$('#confirm-delete').on('click', function(e) {
alert(ids);
function deletecart(ids) {
$.ajax({
url: delUrl,
type: 'POST',
data: {
id: ids
},
success: function(data) {
if (data === 'success') {
window.location = url + data;
} else {
window.location = url + data;
}
},
error: function(jqXHR, errMsg) {
// handle error
console.log(errMsg);
}
});
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="pull_left checkbox-wrap itemDel" title="delete item">
<label class="check_container " style="top:40px;">
<input type="checkbox" class="delCartCheck" data-id="1">
<span class="checkmark"></span>
</label>
</div>
<div class="pull_left checkbox-wrap itemDel" title="delete item">
<label class="check_container " style="top:40px;">
<input type="checkbox" class="delCartCheck" data-id="2">
<span class="checkmark"></span>
</label>
</div>
<div class="pull_left checkbox-wrap itemDel" title="delete item">
<label class="check_container " style="top:40px;">
<input type="checkbox" class="delCartCheck" data-id="3">
<span class="checkmark"></span>
</label>
</div>
<button type="button" id='confirm-delete'>Yes</button>
<button type="button" class="">No</button>
您可以通过以下方式进行操作:https : //jsfiddle.net/x7mys0ac/46/
如果选中此复选框,则按data-id else splice从数组中删除一个元素。
var ids = [];
$(".delCartCheck").click(function() {
if($(this).prop("checked")){
ids.push($(this).attr('data-id'));
} else{
var x = ids.indexOf($(this).attr('data-id'));
ids.splice(x,1);
}
console.log(ids)
});
$('#confirm-delete').on('click', function(e) {
var newArray = ids.filter(function(v){return v!==''});
alert(newArray)
function deletecart(ids) {
$.ajax({
url: delUrl,
type: 'POST',
data: {
id: ids
},
success: function(data) {
if (data === 'success') {
window.location = url + data;
} else {
window.location = url + data;
}
},
error: function(jqXHR, errMsg) {
// handle error
console.log(errMsg);
}
});
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句