你的位置:首页 > Java教程

[Java教程]选中删除本行 本列


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html ="http://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>