jquery事件2

最新推荐文章于 2023-01-07 11:07:03 发布

原创最新推荐文章于 2023-01-07 11:07:03 发布 · 834 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #button #input #function #xhtml #脚本

JQuery 专栏收录该内容

16 篇文章

订阅专栏

本文通过一个具体的实例演示了如何使用jQuery来实现复选框的全选、反选及获取已选中的选项值等功能。该示例中包括了按钮点击事件绑定、元素属性修改等基本操作。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery事件2</title> <mce:script src="../脚本/jquery-1.3.2.min.js" mce_src="脚本/jquery-1.3.2.min.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="show"> <div>你最喜欢的体育运动是?</div> <div>你的姓名:<input id="Text1" type="text" /></div> <div id="title"><input id="Checkbox1" name="item" type="checkbox" value="足球" />足球 <input id="Checkbox2" name="item" type="checkbox" value="篮球" />篮球 <input id="Checkbox3" name="item" type="checkbox" value="兵乓球" />兵乓球 <input id="Checkbox4" name="item" type="checkbox" value="游泳" />游泳 </div> <div id="content"> <input id="Button1" type="button" value="全选" /> <input id="Button2" type="button" value="取消反选" /></div> <input id="Button3" type="button" value="反选" /> <input id="Button4" type="button" value="Click" /> </div> </body> </html>