JQUERY獲取form表單text,areatext,radio,checkbox,select值
阿新 • • 發佈:2019-01-25
jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作;
1.假如我們有如下頁面
- <inputtype="text"name="textname"id="text_id"value="">
- <!--其餘的請自行新增.重要的是要有TYPE.NAME.ID等,一般情況這些都是有的-->
2.下面來看怎麼取得FORM中的各種值等等;
- functionget_form_value(){
- /*獲得TEXT.AREATEXT的值*/
- vartextval = $("#text_id").attr("value");//或者
- var
- /*獲取單選按鈕的值*/
- varvalradio = $("input[@type=radio][@checked]").val();
- /*獲取複選框的值*/
- varcheckboxval = $("#checkbox_id").attr("value");
- /*獲取下拉列表的值*/
- varselectval = $('#select_id').val();
- }
3.另外對錶單的其他處理:
- //控制表單元素:
- //文字框,文字區域:
- $("#text_id").attr("value",'');//清空內容
- $("#text_id"
- //多選框checkbox:
- $("#chk_id").attr("checked",'');//未選中的值
- $("#chk_id").attr("checked",true);//選中的值
- if($("#chk_id").attr('checked')==undefined)//判斷是否已經選中
- //單選組radio:
- $("input[@type=radio]").attr("checked",'10');//設定value=10的單選按鈕為當前選中項
- //下拉框select:
- $("#select_id").attr("value",'test')
- $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//新增下拉框的option
- $("#select_id").empty();//清空下拉框
轉自:http://www.cnblogs.com/StarJiang/archive/2008/09/27/1300898.html