利用ajax对input checkbox选中删除操作

<div>
			<button id="delete">选中删除</button>	
			<table border='1' width="960px">
				<thead>
					<tr>
						<th><input type="checkbox" id="checkAll" name='ck'></th>
						<th>表头1</th>
						<th>表头1</th>
						<th>表头1</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><input type="checkbox" name="ck" value="1"></td>
						<td>1</td>
						<td>2</td>
						<td>3</td>
					</tr>
					<tr>
						<td><input type="checkbox" name="ck" value="2"></td>
						<td>1</td>
						<td>2</td>
						<td>3</td>
					</tr>
					<tr>
						<td><input type="checkbox" name="ck" value="3"></td>
						<td>1</td>
						<td>2</td>
						<td>3</td>
					</tr>
				</tbody>
			</table>
		</div>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
		<script>
			$("#checkAll").click(function () {
                if ($(this).is(":checked")) {
                    $("[name=ck]:checkbox").prop("checked", true);
                } else {
                    $("[name=ck]:checkbox").prop("checked", false);
                }
            });
			
		</script>
		<script>
			$(function () {
				$('#delete').click(function(){
					var c = $('tbody input:checked');
					
					for(var i =0;i< c.length;i++){
						var d =	c[i].value;
						console.log(d);
					}
					$.ajax({
						url:'delete.txt',
						type:'post',
						data:c,
						dataType: 'json',
						success: function(data){
							$(":checked").not('#checkAll').parents('tr').remove();
							console.log('删除成功');
						},
						error:function(data) {
							console.log(data.msg);
						}
					})
				})
			})
		</script>
本代码原链接为:http://www.5ibj.xyz/news/?8171.html


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值