資源描述:
《jquery獲取表單值》由會員上傳分享,免費在線閱讀,更多相關內容在行業(yè)資料-天天文庫。
1、1.假如我們有如下頁面??2.下面來看怎么取得FORM中
2、的各種值等等;?functionget_form_value(){??/*獲得TEXT.AREATEXT的值*/??????vartextval=$("#text_id").attr("value");//或者??????vartextval=$("#text_id").val();??/*獲取單選按鈕的值*/??????varvalradio=$("input[@type=radio][@checked]").val();??/*獲取復選框的值*/?????varcheckboxval=$("#checkbox_id").attr(
3、"value");??/*獲取下拉列表的值*/??????varselectval=$('#select_id').val();??}?3.另外對表單的其他處理:?//控制表單元素:??//文本框,文本區(qū)域:??$("#text_id").attr("value",'');//清空內容??$("#text_id").attr("value",'test');//填充內容??//多選框checkbox:??$("#chk_id").attr("checked",'');//未選中的值??$("#chk_id").attr("checke
4、d",true);//選中的值??if($("#chk_id").attr('checked')==undefined)//判斷是否已經選中??//單選組radio:??$("input[@type=radio]").attr("checked",'10');//設置value=10的單選按鈕為當前選中項??//下拉框select:??$("#select_id").attr("value",'test');//設置value=test的項目為當前選中項??$("test5、tion?value='test2'>test2").appendTo("#select_id")//添加下拉框的option??$("#select_id").empty();//清空下拉框?補充?獲取一組radio被選中項的值?varitem=$('input[@name=items][@checked]').val();?獲取select被選中項的文本?varitem=$("select[@name=items]option[@selected]").text();?select下拉框的第二個元素為當前選中值?
6、$('#select_id')[0].selectedIndex=1;?radio單選組的第二個元素為當前選中值?$('input[@name=items]').get(1).checked=true;?獲取值:?文本框,文本區(qū)域:$("#txt").attr("value");?多選框checkbox:$("#checkbox_id").attr("value");?單選組radio:$("input[@type=radio][@checked]").val();?下拉框select:$('#sel').val();?控制表單元素:
7、?文本框,文本區(qū)域:$("#txt").attr("value",'');//清空內容?$("#txt").attr("value",'11');//填充內容?多選框checkbox:$("#chk1").attr("checked",'');//不打勾?$("#chk2").attr("checked",true);//打勾?if($("#chk1").attr('checked')==undefined)//判斷是否已經打勾?單選組radio:$("input[@type=radio]").attr("checked",'2');
8、//設置value=2的項目為當前選中項?下拉框select:$("#sel").attr("value",'-sel3');//設置value=-sel3的項目為當前選中項?$("11