摘要:本篇教程介绍了jQuery如何实现选中删除本行/本列,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
本篇教程介绍了jQuery如何实现选中删除本行/本列,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
<
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.box{
width:500px;
height:500px;
}
.shan-box{
width:500px;
height:150px;
background:#666;
}
.shan-box:nth-child(odd){
background:#ccc;
}
</style>
</head>
<body>
<div class="box">
<input type="button" value="删除" class="delete"/>
<div class="shan-box">
<input type="checkbox" />
</div>
<div class="shan-box">
<input type="checkbox" />
</div>
<div class="shan-box">
<input type="checkbox" />
</div>
<div class="shan-box">
<input type="checkbox" />
</div>
</div>
</body>
<script type="text/javascript" src="花枪B端静态页/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(".delete").click(function(){
var obj_checked=$(".shan-box input:checked");
var obj_shan=$(".shan-box input:checked").parent(".shan-box");
if(obj_checked.length > 0){
obj_shan.remove();
}else{
}
})
})
</script>
</html>
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号