jquery 对checkbox的操作

最新推荐文章于 2025-01-13 16:42:45 发布

batistuta987654321

最新推荐文章于 2025-01-13 16:42:45 发布

阅读量128

点赞数

CC 4.0 BY-SA版权

文章标签： jQuery HTML ViewUI

本文链接：https://blog.youkuaiyun.com/batistuta987654321/article/details/83667708

本文介绍了一个简单的示例，展示了如何使用jQuery来操作HTML中的Checkbox元素。包括实现全选、取消全选、选中所有奇数项及反选等功能，并演示了如何获取所有被选中的Checkbox值。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>New Document</TITLE>
<SCRIPT language=JavaScript src="jquery.js"></SCRIPT>

<SCRIPT language=JavaScript>

</SCRIPT>

<META content="MSHTML 6.00.2900.3492" name=GENERATOR></HEAD>
<BODY>
<FORM name=form1 action="" method=post>
<INPUT id=btn1 type=button value=全选>
<INPUT id=btn2 type=button value=取消全选>
<INPUT id=btn3 type=button value=选中所有奇数>
<INPUT id=btn4 type=button value=反选>
<INPUT id=btn5 type=button value=获得选中的所有值>
<BR>
<INPUT type=checkbox value=checkbox1 name=checkbox> checkbox1
<INPUT type=checkbox value=checkbox2 name=checkbox> checkbox2
<INPUT type=checkbox value=checkbox3 name=checkbox> checkbox3
<INPUT type=checkbox value=checkbox4 name=checkbox> checkbox4
<INPUT type=checkbox value=checkbox5 name=checkbox> checkbox5
<INPUT type=checkbox value=checkbox6 name=checkbox> checkbox6
<INPUT type=checkbox value=checkbox7 name=checkbox> checkbox7
<INPUT type=checkbox value=checkbox8 name=checkbox> checkbox8
</FORM>
</BODY></HTML>