Jquery获取表单元素值、控制表单元素总结

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. /*获取复选框的值*/
8. var checkboxval = $("#checkbox_id").attr("value")；
9. /*获取下拉列表的值*/
10. var selectval = $('#select_id').val();
11. }

1. //控制表单元素：
2. //文本框，文本区域：
3. $("#text_id").attr("value",'');//清空内容   
4. $("#text_id").attr("value",'test');//填充内容
5. //多选框checkbox：
6. $("#chk_id").attr("checked",'');//未选中的值   
7. $("input[@type=checkbox][@checked]").val();//得到复选框的选中的第一项的值，要注意jquery-1-2-6是这样的标准，而jquery-1.3-2中是不一样的标准，应该这么写：$("input[type=checkbox][checked]").val();
8. $("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
       alert($(this).val());
   });
9. $("#chk_id").attr("checked",true);//选中的值   
10. if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
11. //单选组radio：
12. $("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
13. $('input[@name=items]').get(1).checked = true; //radio单选组的第二个元素为当前选中值
14. if($("input:radio:checked").length>0)//判断是否选中
15. 或者if($("input[@type=radio][@name=xxx][@checked]").val()==undefined)
16. //下拉框select：
17. $("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
18. $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option   
19. $("#select_id").empty()；//清空下拉框
20. var item = $("select[@name=items] option[@selected]").text(); //获取select被选中项的文本
21. $('#select_id')[0].selectedIndex = 1; //select下拉框的第二个元素为当前选中值
22. //遍历option和添加、移除option

23. //取得下拉选单的选取值

    $(#testSelect option:selected').text();
    或$("#testSelect").find('option:selected').text();
    或$("#testSelect").val();

24. function changeShipMethod(shipping){
        var len = $("select[@name=ISHIPTYPE] option").length
        if(shipping.value != "CA"){
           $("select[@name=ISHIPTYPE] option").each(function(){
              if($(this).val() == 111){
                  $(this).remove();
               }
           });
        }else{
          $("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
        }
    }
25. $("#select_id").val()==-1 //判断是否选中