资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
jquery checkbox全选反选效果代码
运行后查看效果,需要刷新下。
<!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> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20src%3D%22http%3A%2F%2Fimg.glzy8.com%2Fjslib%2Fjquery%2Fjquery-1.3.2.min.js%22%20type%3D%22text%2Fjavascript%22%3E%3C%2Fscript%3E"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%3C!--%20%0D%0A%24(function()%7B%20%0D%0Avar%20v%3B%20%0D%0A%2F%2F%E5%85%A8%E9%80%89%20%0D%0A%24(%22%23Button1%22).bind(%22click%22%2Cfunction()%7B%20%0D%0A%24(%22%5Bname%3Ditem%5D%3Acheckbox%22).attr(%22checked%22%2Ctrue)%3B%20%0D%0A%7D)%3B%20%0D%0A%2F%2F%E5%8F%8D%E9%80%89%20%0D%0A%24(%22%23Button2%22).bind(%22click%22%2Cfunction()%7B%20%0D%0A%24(%22%5Bname%3Ditem%5D%3Acheckbox%22).attr(%22checked%22%2Cfalse)%3B%20%0D%0A%7D)%3B%20%0D%0A%2F%2F%20%0D%0A%24(%22%23Button3%22).bind(%22click%22%2Cfunction()%7B%20%0D%0A%24(%22%5Bname%3Ditem%5D%3Acheckbox%22).each(function()%7B%20%0D%0Athis.checked%3D!this.checked%3B%20%0D%0A%7D)%20%0D%0A%7D)%3B%20%0D%0Avar%20str%3D%22%22%3B%20%0D%0A%24(%22%23Button4%22).bind(%22click%22%2Cfunction()%7B%20%0D%0A%24(%22%5Bname%3Ditem%5D%3Acheckbox%3Achecked%22).each(function()%7B%20%0D%0Astr%2B%3D%24(this).val()%2B%22%2C%22%20%0D%0A%0D%0A%7D)%20%0D%0Aalert(%22%E6%82%A8%E6%9C%80%E5%96%9C%E6%AC%A2%E7%9A%84%E8%BF%90%E5%8A%A8%E6%98%AF%3A%22%2Bstr)%3B%20%0D%0Astr%3D%22%22%3B%20%0D%0A%7D)%20%0D%0A%0D%0A%7D)%20%0D%0A%0D%0A%2F%2F%20--%3E%3C%2Fscript%3E"> </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> <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>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程