首页 > 代码库 > jQuery 操作表单

jQuery 操作表单

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=http://www.mamicode.com/10的单选按钮为当前选中项


  1. //下拉框select:

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

  3. $("<option value=http://www.mamicode.com/‘test‘>test").appendTo("#select_id")//添加下拉框的option

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

jQuery 操作表单