当前位置:Gxlcms > JavaScript > jQuery操作表单常用控件方法小结_jquery

jQuery操作表单常用控件方法小结_jquery

时间:2021-07-01 10:21:17 帮助过:4人阅读

本文实例总结了jQuery操作表单常用控件方法。分享给大家供大家参考。具体如下:

下面的JS代码列出了jQuery操作表单常用控件(包括select,radiobox,checkbox)的常用方法,相信一定有你需要的

操作radio的html代码

1.获取选中值,三种方法都可以:

2.设置第一个Radio为选中值:

或者

注:

3.设置最后一个Radio为选中值:

或者

4.根据索引值设置任意一个radio为选中值:

索引值=0,1,2....
或者

5.根据Value值设置Radio为选中值

或者

6.删除Value值为rd2的Radio

7.删除第几个Radio

索引值=0,1,2....
如删除第3个Radio:

8.遍历Radio

下面的代码演示了DropDownList的常用操作方法

1. 获取选中项的Value值:

或者

获取选中项的Text值:

或者

2. 获取当前选中项的索引值:

3. 获取当前option的最大索引值:

4. 获取DropdownList的长度:

或者

5. 设置第一个option为选中值:

或者

6.设置最后一个option为选中值:

7. 根据索引值设置任意一个option为选中值:

索引值=0,1,2....
8. 设置Value=4 的option为选中值:

或者

9. 删除Value=3的option:

10.删除第几个option:

索引值=0,1,2....
如删除第3个Radio:

11.删除第一个option:

或者

12. 删除最后一个option:

13. 删除dropdownlist:

14.在select后面添加一个option:

15. 在select前面添加一个option:

16. 遍历option:

下面的代码演示了jQuery常用操作checkbox的方法

1. 获取单个checkbox选中项(三种写法):

或者

或者

2. 获取多个checkbox选中项:

3. 设置第一个checkbox 为选中值:

或者

4. 设置最后一个checkbox为选中值:

或者

5. 根据索引值设置任意一个checkbox为选中值:

索引值=0,1,2....
或者

6. 选中多个checkbox:
同时选中第1个和第2个的checkbox:

7. 根据Value值设置checkbox为选中值:

8. 删除Value=1的checkbox:

9. 删除第几个checkbox:

索引值=0,1,2....
如删除第3个checkbox:

10.遍历checkbox:

11.全部选中

12.全部取消选择:

希望本文所述对大家的jQuery程序设计有所帮助。

人气教程排行