Untitled Document //Code
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.js"></script>
<style>
.hightlight { color: #900; background-color: #9C0;}
.hang { cursor: pointer;}
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="loaitin_them.php">
<table id="dstin" align="center" border="1" cellpadding="4" cellspacing="0" width="677">
<tr>
<td colspan="5" align="left">
<input name="xoahet" id="xoahet" value="Xóa" type="button">
<input name="chinhhet" id="chinhhet" value="Chỉnh" type="button">
</td>
<td align="right"><a href="loaitin_them.php">Thêm loại tin</a></td>
<td align="right">
<select name="cbothemnhieu" id="cbothemnhieu">
<option value="1">1</option>
<option selected="selected" value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input name="btnthemnhieu" id="btnthemnhieu" value="Thêm" type="button">
</td>
</tr>
<tr class="hang">
<th width="4%" align="left"><input id="chonhet" type="checkbox"></th>
<th width="6%">idLT</th>
<th width="14%">Tên lloai tin</th>
<th>Ẩn hiện</th>
<th width="11%">Thứ tự</th>
<th width="15%">Thể loại</th>
<th>Action</th>
</tr>
<tr class="hang">
<td><input id="chon" name="chon" value="3" class="chon" type="checkbox"></td>
<td>3</td>
<td>Du lịch</td>
<td width="23%">Đang hiện</td>
<td>2</td>
<td><a href="theloai_xemds.php">Tin xã hôi</a></td>
<td align="center" width="27%">
| <a href="loaitin_chinh.php?idLT=3">Chỉnh</a>
| <a href="loaitin_xoa.php?idLt=3" onClick="return confirm('Xóa hả');">Xóa</a> | </td>
</tr>
<tr class="hang">
<td><input name="chon" id="chon" class="chon" value="9" type="checkbox"></td>
<td>9</td>
<td>Xã hội</td>
<td width="23%">Đang hiện</td>
<td>3</td>
<td><a href="theloai_xemds.php">Tin xã hội</a></td>
<td align="center" width="27%">
| <a href="loaitin_chinh.php?idLT=9">Chỉnh</a>
| <a href="loaitin_xoa.php?idLt=9" onClick="return confirm('Xóa hả');">Xóa</a> | </td>
</tr>
</table>
</form>
<script type="text/javascript">
$(document).ready(function(){
$(".hang").mouseover(function(){
$(this).addClass("hightlight");
});
$(".hang").mouseout(function(){
$(this).removeClass("hightlight");
});
$("#chonhet").click(function(){
var status=this.checked;
$("input[name=chon]").each(function(){
this.checked=status;
});
});
});
</script>
</body>
</html>
0 comments:
Post a Comment