1. 程式人生 > >JQUERY獲取form表單text,areatext,radio,checkbox,select值

JQUERY獲取form表單text,areatext,radio,checkbox,select值

jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作;
1.假如我們有如下頁面

  1. <inputtype="text"name="textname"id="text_id"value="">
  2. <!--其餘的請自行新增.重要的是要有TYPE.NAME.ID等,一般情況這些都是有的-->


2.下面來看怎麼取得FORM中的各種值等等;

  1. functionget_form_value(){
  2. /*獲得TEXT.AREATEXT的值*/
  3. vartextval = $("#text_id").attr("value");//或者
  4. var
    textval = $("#text_id").val();
  5. /*獲取單選按鈕的值*/
  6. varvalradio = $("input[@type=radio][@checked]").val();
  7. /*獲取複選框的值*/
  8. varcheckboxval = $("#checkbox_id").attr("value")
  9. /*獲取下拉列表的值*/
  10. varselectval = $('#select_id').val();
  11. }

3.另外對錶單的其他處理:

  1. //控制表單元素:
  2. //文字框,文字區域:
  3. $("#text_id").attr("value",'');//清空內容
  4. $("#text_id"
    ).attr("value",'test');//填充內容
  5. //多選框checkbox:
  6. $("#chk_id").attr("checked",'');//未選中的值
  7. $("#chk_id").attr("checked",true);//選中的值
  8. if($("#chk_id").attr('checked')==undefined)//判斷是否已經選中
  9. //單選組radio:
  10. $("input[@type=radio]").attr("checked",'10');//設定value=10的單選按鈕為當前選中項
  11. //下拉框select:
  12. $("#select_id").attr("value",'test')
    ;//設定value=test的專案為當前選中項
  13. $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//新增下拉框的option
  14. $("#select_id").empty()//清空下拉框

轉自:http://www.cnblogs.com/StarJiang/archive/2008/09/27/1300898.html