当前位置 : 主页 > 网络编程 > JavaScript >

jquery 实现购物车添加删除项功能

来源:互联网 收集:自由互联 发布时间:2021-07-03
jquery实现购物车添加删除功能。 1. [代码] 无 script$(function(){$("table tr:nth-child(odd)").css("background-color",'#eee');$("#chkAll").click(function() {if(this.checked){$("table tr td input[type='checkbox']").prop("checked"
jquery 实现购物车添加删除功能。

1. [代码]无    

<script>
		$(function(){
			$("table tr:nth-child(odd)").css("background-color",'#eee');
			$("#chkAll").click(function() {
	
				if(this.checked){
					$("table tr td input[type='checkbox']")
						.prop("checked",true);
				}else{
					$("table tr td input[type='checkbox']")
						.removeAttr("checked");
				}	
			});
			$("#btnDel").click(function(){
				var intL=$("table tr td input:checked:not('#chkAll')").length;
				console.log(intL);
				if(intL){
					$("table tr td input[type=checkbox]:not('#chkAll')").each(function(index){
								if(this.checked){
									$(this).parent().parent().remove();
								}
						})
				}
			})

		});
		

	</script>
网友评论