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