jq实现书籍管理

最新推荐文章于 2022-10-24 14:38:48 发布

原创

最新推荐文章于 2022-10-24 14:38:48 发布 · 644 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍如何利用jQuery技术创建一个简单的书籍管理应用，包括增删查改书籍信息，实现前端交互功能，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$("#chks").click(function(){
				//全选和全不选	
				var flag=$(this).prop("checked");
			    $("input[name=chk]").prop("checked",flag);});
				
				//子框一个不选全选框就不选
				$("input[name=chk]").click(function(){
					var flag=true;
					var chk= $("input[name=chk]");
			    //each() 循环体	
					chk.each(function(){
						
					if(!$(this).prop("checked")){
						flag=false;
						return;  
						}
				   	}); 
				
					$("#chks").prop("checked",flag);
				});
				
				
				//反选操作
				$("#fx").click(function(){
					var chx=$("input[name=chx]");
					chx.each(function(){
						//遍历获得初始值 
						var flag=$(this).prop("checked");
						$(this).prop("checked",!flag);})
					});
				
			//新添加一行的操作
			$("#addRow").click(function()