jQuery 學習筆記(二) – Form 欄位應用
學習jQuery，剛開始還不太習慣，語法很像javascript(呵~他本來就算在其中)，但又不能直接拿來當物件用，真是麻煩呀~~，所以使用jQuery，最好基礎打好一點，不然可能會花費很多時間在查文件或TRY TRY 是否可行。
用Javascript ，以前最常就是在驗證欄位，雖然現在用了jQuery搞不好會變成一些傳遞參數還是畫面特效的
不過驗證欄位還是基本必須的啦，所以找到不錯的文章在提到jQuery取form裡的相關欄位的方式為何:
獲取一組radio被選中項的值
var item =
$('input[@name=items][@checked]').val();
獲取select被選中項的文本
var item =
$(“select[@name=items]
option[@selected]”).text();
select下拉框的第二個元素為當前選中值
$('#select_id')[0].selectedIndex
= 1;
radio單選組的第二個元素為當前選中值
$('input[@name=items]').get(1).checked =
true;
獲取值：
文本框，文本區域：$(“#txt”).attr(“value”)；
多選框checkbox：$(“#checkbox_id”).attr(“value”)；
單選組radio：
$(“input[@type=radio][@checked]”).val();
下拉框select： $('#sel').val();
控制表單元素：
文本框，文本區域：$(“#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');//設置value=2的項目為當前選中項
下拉框select：
$(“#sel”).attr(“value”,'-sel3');//設置value=-sel3的項目為當前選中項
$(“<option value='1'>1111</option><option
value='2'>2222</option>”).appendTo(“#sel”)//添加下拉框的option
$(“#sel”).empty()；//清空下拉框
感覺複雜多了，有空再來精簡一下。
參考資料:
http://www.cnblogs.com/xlfj521/archive/2008/01/29/1057375.html
近期留言