博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery 操作表单
阅读量:6230 次
发布时间:2019-06-21

本文共 1318 字,大约阅读时间需要 4 分钟。

hot3.png

1. >是子选择符

用于匹配直接后辈,孙辈就不匹配了。IE6 不支持,兴例:

li:hover>a 子对象选择符,只对儿子起作用,对孙子不起作用。
li:hover a 后代选择符,对儿子,对孙子,对后代都起作用。

jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作;

1.假如我们有如下页面

  1. <input type="text" name="textname" id="text_id" value="">

  2. <!--其余的请自行添加.重要的是要有TYPE.NAME.ID等,一般情况这些都是有的-->

2.下面来看怎么取得FORM中的各种值等等;

  1. function get_form_value(){

  2. /*获得TEXT.AREATEXT的值*/

  3.    var textval = $("#text_id").attr("value");//或者

  4.    var textval = $("#text_id").val();

  5. /*获取单选按钮的值*/

  6.    var valradio = $("input[@type=radio][@checked]").val();

  7. /*获取一组名为(items)的radio被选中项的值*/

         var item = $('input[@name=items][@checked]').val();

  8. /*获取复选框的值*/

  9. var checkboxval = $("#checkbox_id").attr("value")

  10. /*获取下拉列表的值*/

  11.    var selectval = $('#select_id').val();

  12. }

3.另外对表单的其他处理:

  1. //控制表单元素:

  2. //文本框,文本区域:

  3. $("#text_id").attr("value",'');//清空内容

  4. $("#text_id").attr("value",'test');//填充内容

 

  1. //多选框checkbox:

  2. $("#chk_id").attr("checked",'');//未选中的值

  3. $("#chk_id").attr("checked",true);//选中的值

  4. if($("#chk_id").attr('checked')==undefined) //判断是否已经选中

  5. //单选组radio:

  6. $("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项

  1. //下拉框select:

  2. $("#select_id").attr("value",'test');//设置value=test的项目为当前选中项

  3. $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option

  4. $("#select_id").empty()//清空下拉框

转载于:https://my.oschina.net/u/1423612/blog/312910

你可能感兴趣的文章
9-0-查找表-查找-第9章-《数据结构》课本源码-严蔚敏吴伟民版
查看>>
thinkphp整合系列之短信验证码、订单通知
查看>>
fsimage 和 edits log
查看>>
遍历json对象---Java
查看>>
从头开始搭建一个Spring boot+RabbitMQ环境
查看>>
bash编程 将一个目录里所有文件存为一个array 并分割为三等分——利用bash array切片...
查看>>
自己动手开发IOC容器
查看>>
hdparm
查看>>
[LeetCode] Best Time to Buy and Sell Stock
查看>>
《Flask Web开发——基于Python的Web应用开发实践》一字一句上机实践(上)
查看>>
C++11学习
查看>>
【java】java工具类StringUtils,org.apache.commons.lang3.StringUtils
查看>>
WPF太阳、地球、月球运动轨迹模拟
查看>>
Getting Started with Scala
查看>>
curl != casperjs ? - Google Groups
查看>>
Oracle从字符串资源中得到想要的数据分析
查看>>
敏捷开发中的Code Review
查看>>
事务 commit
查看>>
{右键我的电脑无法打开计算机管理}解决方法
查看>>
如何获取和发送Http请求和相应
查看>>